在Angular 2模板中缓存表达式?

时间:2018-06-25 20:45:45

标签: angular

在Angular 2模板中,仅当链接存在时才渲染链接:

<a *ngIf="row.getContinent(3).getCountry(22).birds()['pengion'].getLink()"
    class="bird-link"
    href="{{ row.getContinent(3).getCountry(22).birds()['pengion'].getLink() }}">
  Examine this bird.
</a>

如您所见,链接(row.getContinent(3).getCountry(22).birds()['pengion'].getLink())的表达式很长。我能以某种方式在模板中定义一次该表达式并重用它吗?

1 个答案:

答案 0 :(得分:-1)

yourVar: any = row.getContinent(3).getCountry(22).birds()['pengion'].getLink();
<a *ngIf="yourVar"
    class="bird-link"
    href="{{ row.getContinent(3).getCountry(22).birds()['pengion'].getLink() }}">
  Examine this bird.
</a>