Как создать переменную в шаблоне?

Question

[Виталий]

<div class="row" *ngFor="let x of X">
  <div class="column" *ngFor="let y of Y">
    <z (disabled)="disabled(zOf(x, y))" (selected)="selected(zOf(x, y))"></z>
  </div>
</div>

В этом примере функция zOf(x, y) создаёт объект, который используется для получения параметров. Но функцию-конструктор приходится вызывать дважды. Как присвоить возвращаемый результат для повторного использования?

Answer 1

[Алексей Зуев]

Angular 4

Вот так может сработать, только нужно чтобы эта функция всегда true в булевом эквиваленте возвращала

<z *ngIf="zOf(x, y) as z" (disabled)="disabled(z)" (selected)="selected(z)"></z>

иначе такой вариант

<z *ngIf="{ of: zOf(x, y) } as z" (disabled)="disabled(z.of)" (selected)="selected(z.of)"></z>

Правда я советую не заниматься такой фигней в шаблоне, а заранее готовить данные.

И я очень уверен что в @Output код будет исполняться при срабатывании соответствующего подписчика. Так что я не понимаю зачем вам тут переменная

Comments

[Виталий]

Правда я советую не заниматься такой фигней в шаблоне, а заранее готовить данные.

Спасибо за совет, но хотелось бы всё же посмотреть, как это выглядит на моём примере.

Answer 2

[Negwereth]

А почему не передать только сам этот объект, а функции disabled и selected вызвать в коде самого компонента?

Comments

[Виталий]

Потому что эти функции не принадлежат объекту z
: /

[Negwereth]

Виталий: и не должны. Я бы перенёс эти функции в компонент и вызывал там.

[Виталий]

Где тут фейспалм))
Как методы могут быть вызваны у дочернего компонента, когда для вычисления результата используются свойства родительского?

[Negwereth]

Виталий: disabled и selected вычисляют состояние дочернего компонента, потому должны быть в дочернем компоненте.

Answer 3

[Cr2ed]

ng-init

<z ng-init="z=zOf(x, y)" (disabled)="disabled(z)" (selected)="selected(z)"></z>

Comments

[Negwereth]

И зачем эти вычисления в представлении?

[Виталий]

Не работает (Template parse errors)