angular.js - angularjs 使用ng-hide的问题。
某草草
某草草 2017-05-15 16:56:13
0
2
560
<p class="原有的class" ng-hide=“{{item.amount}}=0” ng-repeat=“item in items track by $index”>
具体内容
</p>

item.amount就是商品的数量,点击 - 的时候会动态修改
这个图是具体要应用的场景,在点击 - 时,当等于0的时候需要隐藏掉这个p,现在的情况是 刷新页面或者跳转后再过来能隐藏掉,但是在点击 - 的时候不能立即隐藏。请问该怎么解决,因为是ng-repeat出来的列表,ng-hide不能直接传一个布尔值,请问还有什么方法能解决么?

某草草
某草草

Antworte allen(2)
Peter_Zhu

用ng-hide="item.amount==0"

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
  $scope.items = [{amount:0}];
  
  $scope.minus = function(){
    --$scope.items[0].amount;
  }
});

  <body ng-controller="MainCtrl">
    <p ng-hide="item.amount==0" ng-repeat="item in items track by $index">
      {{item.amount}}
    </p>
    <button ng-click="minus()">-</button>
  </body>

http://plnkr.co/edit/7KeNE5BtMJvRmjrafcr0

某草草
ng-hide=“item.amount==0”
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage