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. javascript - 微信h5發送圖文信息,部分設備點擊“發送”按鈕時沒反應,問題較難重現,如何能找到可能存在問題的點?2. objective-c - 做一個百度地圖定位的demo,結果出錯好多。3. 微信小程序session無法緩存的問題4. 如何使用Java1.8編譯1.6JVM可運行的class文件5. javascript - 關于微信授權的問題。6. java - 輸出4個不相等整數之間所有任意三個整數的乘積7. css - 如何使用 vue transition 實現 ios 按鈕一樣的平滑切換效果8. angular.js - 公眾號H5頁面 angularjs 怎么動態修改title值(微信6.5.5,動態修改不行 6.5.7闊以)9. node.js - 如何在服務器部署vuejs項目?10. vue 子組件watch監聽不到prop的解決
