angular.js - angularjs 使用ng-hide的问题。
问题描述
<p ng-hide=“{{item.amount}}=0” ng-repeat=“item in items track by $index”>具体内容</p>
item.amount就是商品的数量,点击 - 的时候会动态修改这个图是具体要应用的场景,在点击 - 时,当等于0的时候需要隐藏掉这个p,现在的情况是 刷新页面或者跳转后再过来能隐藏掉,但是在点击 - 的时候不能立即隐藏。请问该怎么解决,因为是ng-repeat出来的列表,ng-hide不能直接传一个布尔值,请问还有什么方法能解决么?
问题解答
回答1:用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
回答2:ng-hide=“item.amount==0”
相关文章:
1. docker gitlab 如何git clone?2. 网页爬虫 - Python:爬虫的中文编码问题?3. javascript - 修改表单多选项时和后台同事配合的问题。4. ubuntu 远程管理KVM设置问题5. javascript - vue生成一维码?求助!!!!!急6. css - 手机页面在安卓和苹果浏览器显示不同的小小问题7. javascript - 关于Js中 this的一道题8. angular.js - angularjs如何动态改变ng-model值,在controller中获取input中输入的值并组合post发送到后台9. javascript - H5页面怎么查看console信息?10. browsersync检测的静态页面只能用index.html命名,用demo.html就不能实时同步,检测动态页面的时候,比如wamp环境下,用browsersync能打开页面,但不能实现同步
