角度模板范圍變量

Question

Angular中是否有一項功能可以像ngFor中一樣聲明變量？

我想減少相同值的調用和計算。 我也可以在下面將getValue（）方法用於getFormatString。 但是我想優化性能。

我期望像這樣：

<ion-item [color]="value < 0 ? 'danger' : 'success'" *ngInit="let value = getValue()">
  <h3>Value</h3>
  <p item-end>{{ getFormatString(value) }}</p>
</ion-item>

實際上，我必須設置相同的方法來每次獲得相同的值。 我的想法是：一次獲取值，並將其共享給子元素。 與ngFor一樣，該變量可用於范圍中的所有其他元素。

附加：不創建新指令。 也許將值包裝在數組中以使用ngFor？ 但這是丑陋的。 ...我相信這是可能的。 我過去曾這樣做。 但是我不知道了。

Answer 1

一種（有點臟）的解決方案是將其包裝在數組中，並使用ngFor像這樣：

<ion-item [color]="value < 0 ? 'danger' : 'success'" *ngFor="let value of [getValue()]">
  <h3>Value</h3>
  <p item-end>{{ getFormatString(value) }}</p>
</ion-item>

Answer 2

 *ngFor="let value of values;" {{value | formatString}} 

使用自定義過濾器轉換值。