禁用筛选结果上的按钮

Question

我对Angular上的ng-disabled有一个简单的问题....或者我使用它错了！

目标：当过滤器返回1个或多个结果时禁用按钮。

我的代码：

 <button class="ui icon button" type= "submit" ng-model="cars" ng-disabled="     (cars |filter:cars.brand).length)!=0">

问题是该按钮始终处于启用状态。我可以这样使用吗？

Answer 1

原则上没有错。不过，你的表达式中还有一个额外的括号。它应该是：(cars | filter:cars.brand).length != 0。

我发现在模板中粘贴调试元素有时很有用：

<div>{{(cars | filter:cars.brand).length) != 0}}</div>

这会立即向您显示您的表达式没有评估任何内容，您还应该关注浏览器的调试控制台，在您的情况下应该包含这样的错误：

  

错误：[$ parse：syntax]语法错误：Token'）'是一个意外的令牌   在列 xxx