Как я могу установить реквизиты элемента DOM в результате расчета непосредственно в шаблоне

Question

Я чувствую, что это просто, но не могу ясно понять. Мне нужно рассчитать х, у и т. Д. Зависит от индекса. «[ОШИБКА ->]» - это часть сообщения console.error. Конечно, я запускаю код без этого.

<g *ngFor="let collection of ps.activeProject.collections; index as i"
     class="collection-group">
    <svg class="collection-header"
[ERROR ->]x="{{80 * i}}"
         y="20"
         height="351"
         width="220">
      <rect height="32" width="190"></rect>
      <text x="13" y="16" dy="4px"
            style="fill: rgb(255, 255, 255)">
        {{collection.name}}
      </text>
      <title>{{collection.name}}</title>
    </svg>
  </g>