javascript – 在Angular.js中有条件地显示链接

前端之家收集整理的这篇文章主要介绍了javascript – 在Angular.js中有条件地显示链接前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
基本上,我在我的模板中有这个代码
<tr ng-repeat="entry in tableEntries">

  <td ng-switch="entry.url == ''">
    <span ng-switch-when="false"><a href="{{entry.url}}">{{entry.school}}</a></span>
    <span ng-switch-when="true">{{entry.school}}</span>
  </td>

  ...
</tr>

正如您所看到的,当entry.url不为空时我试图显示可点击的URL,否则显示纯文本.它工作正常,但看起来很丑陋.有更优雅的解决方案吗?

我能想到的另一种方法是使用ng-if:

<td>
  <span ng-if="entry.url != ''"><a href="{{entry.url}}">{{entry.school}}</a></span>
  <span ng-if="entry.url == ''">{{entry.school}}</span>
</td>

但后来我会重复两次几乎相同的比较,看起来更糟.你们怎么接近这个?

解决方法

你可以试试.

< div ng-show =“!link”> hello< / div>
< div ng-show =“!! link”>< a href =“{{link}}”> hello< / a>< / div>

但是你使用的ngSwitch应该没问题.

猜你在找的JavaScript相关文章