angular.js - angular js點擊按鈕隱藏選中元素

問題描述

如何點擊按鈕就刪除選中元素？<p ng-app='myApp' ng-controller='myCon'>

<p class='headerW'><p class='header'> 購物車(2) <span ng-click='remove($index)'></span> <br clear='all'/></p> </p> <p class='mainbody'><ul> <li ng- ng-hide='x.li_hide' ng-repeat='x in products_mes'><p class='li_center'> <p ng-click='toggleC($index)'></p> <p class='goods_part'><p class='rightbox'> <p class='goods_content'>{{x.content}}</p> <p class='price_area'><span class='new_money'>{{x.newMoney}}</span><span class='old_money'>{{x.oldMoney}}</span><span class='conter'> <span class='remove_btn'>-</span><input type='number' class='' value='1'/><span class='add_btn'>+</span> <br clear='all'/></span> </p></p> </p> <br clear='all'/></p> </li><li ng-hide='sw'><p class='li_center'> <p class='select_btn'></p> <p class='lose'>失效</p> <p class='goods_part'><p class='rightbox'> <p class='goods_content'>嬌韻詩清透潤白柔膚水清爽型200ml</p> <p class='price_area'><span class='new_money'>￥390.00</span><span class='old_money'>￥420.00</span><span class='conter'> <span class='remove_btn'>-</span><input type='number' class='' value='1'/><span class='add_btn'>+</span> <br clear='all'/></span> </p></p> </p> <br clear='all'/></p></li><script>var app=angular.module('myApp',[]);app.controller('myCon',function($scope){ $scope.sw=false;$scope.disappear=function(){ $scope.sw=true;};$scope.products_mes=[{onSw:false,content:'嬌韻詩清透潤白柔膚水清爽型200ml',newMoney:'￥390.00',oldMoney:'￥420.00',products_img:'img/product.png' },{onSw:false,content:'嬌韻詩清透潤白柔膚水清爽型100ml',newMoney:'￥390.00',oldMoney:'￥420.00',products_img:'img/product.png' }];$scope.products_mes.onSw=false;$scope.toggleC=function($index){$scope.products_mes[$index].onSw=!$scope.products_mes[$index].onSw;var index = $scope.products_mes.indexOf($index);if($scope.products_mes[$index].onSw){} }; $scope.delProds =[]; });

</script> 點擊.trash_can按鈕隱藏選中的li標簽angular.js - angular js點擊按鈕隱藏選中元素

問題解答

回答1：

建一個空數組 用來存放你需要刪除數據的index 例如delProds

在你的checkbox上加上ng-click觸發時判斷為true的時候就把這個產品的index push到delProds數組為false的時候從delProds里面刪除

然后在點擊刪除按鈕的時候把對應序號的數據都刪除掉就可以了

回答2：

用splice(),比如products_mes.splice(下標,1) 可以刪除數組的某一項

回答3：

$scope.remove = function(idx) { $scope.products_mes.splice(idx, 1);}回答4：

var index = products_mes.indexOf(data);products_mes.splice(index,1);data：為選中的那個對象

回答5：

splice