javascript - 如果元素没有在 Angular JS 中显示,想要隐藏 "|"

标签 javascript jquery angularjs

试图隐藏<li>|</li>当流派数组没有值时。 我会使用 ngIf/ngHide为此,或者我必须将其编码到我的 Controller 中?

这是我的 HTML:

<div>
    <ul class="list-inline"> 
        <li ng-if="genre.name" ng-repeat="genre in genres"><a ng-href="/#/genre/{{genre.id}}">{{genre.name}}{{$last ? '' : ', '}}</a></li>
        <li>|</li>
        <li ng-if="runtime">{{runtime}}min</li>
        <li>|</li>
        <li>{{release_date | date}}</li>
    </ul>
</div>

任何帮助将不胜感激。

最佳答案

您所要做的就是使用 ngIf 指令检查数组中是否有 genres,因此:

ng-if="genres.length"

关于javascript - 如果元素没有在 Angular JS 中显示,想要隐藏 "|",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35691678/

相关文章:

javascript - 未呈现选定的下拉菜单项

javascript - 最不同的数据交换格式?

css - 在结合 Onsen UI ons-sliding-menu 和 ons-tabbar 时遇到问题

ng-pristine 和 ng-untouched 之间的 angularJS 区别

Javascript:更改 <link rel ="stylesheet"> 媒体属性

javascript - 根据目标设备 RAM 限制 DOM 元素的数量

javascript - MVC Javascript 根据复选框值语法切换 TextInputFor Readonly?

javascript - 如何根据 onchange 每个选择框更改每个文本框的值

javascript - 为什么我的 jquery 日期选择器在我的 asp.net 代码中不起作用?

javascript - 使用 angularjs 将复选框设置为选中时导致错误