Question

在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()）的表达式很长。我能以某种方式在模板中定义一次该表达式并重用它吗？

Answer 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>

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

1 个答案: