angularJSfilter不等于
看起来像一个非常基本的问题,但我不能得到正确的语法..
<li class="list-group-item" ng-repeat="question in newSection.Questions | filter:Id != '-1'; " ng-mouseenter="hover = true" ng-mouseleave="hover = false"> <div href="#" editable-text="question.Text">{{question.Text}}</div> </li>
我只想显示id不是-1的所有问题。 我究竟做错了什么。 谢谢!
语法只是一点点,请尝试:
<li class="list-group-item" ng-repeat="question in newSection.Questions | filter:{ Id: '!-1'}" ng-mouseenter="hover = true" ng-mouseleave="hover = false"> <div href="#" editable-text="question.Text">{{question.Text}}</div> </li>
看到一个小JSFiddle: http : //jsfiddle.net/U3pVM/3845/
编辑:
variables示例:
<script> var invalidId = '-1'; </script> <li class="list-group-item" ng-repeat="question in newSection.Questions | filter:{ Id: '!' + invalidId}" ng-mouseenter="hover = true" ng-mouseleave="hover = false"> <div href="#" editable-text="question.Text">{{question.Text}}</div> </li>
虽然@迈克尔罗斯答案适用于这种情况下,我不认为这将会如果你试图过滤不等于一些对象/variables
在这种情况下,你可以使用:
JS :
filterId = -1
HTML:
<li ng-repeat="question in newSection.Questions | filter: !{ Id: filterId}"> </li>
一个更嵌套的情况:
JS :
someQuestion = { someObject: { Id: 1 } } newSection.Questions = [someQuestion]
HTML
<li ng-repeat="question in newSection.Questions | filter: !{someObject : {Id: -1} }"> </li>
- 如何在不使用$ scope的情况下在兄弟组件之间传递数据?
- AngularJS种子:将JavaScript放入单独的文件(app.js,controllers.js,directives.js,filters.js,services.js)
- 如何把重点放在input字段?
- 在PhoneGap上Angularjs / Javascript应用程序的最佳数据持久性?
- AngularJS – 在select标签中使用ng-repeat添加了额外的空白选项
- Angular.js和HTML5dateinput值 – 如何让Firefox在dateinput中显示可读的date值?
- 替代ng-show / -hide或如何只加载DOM的相关部分
- 什么是AngularJS中的状态过滤?
- Angularjs与html5Mode的正常链接