基本上,我在我的模板中有这个代码:
<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
应该没问题.