国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

angular.js - angular js點(diǎn)擊按鈕隱藏選中元素

瀏覽:178日期:2024-09-16 14:08:38

問題描述


如何點(diǎn)擊按鈕就刪除選中元素?<p ng-app='myApp' ng-controller='myCon'>

<p class='headerW'><p class='header'> 購(gòu)物車(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'>嬌韻詩(shī)清透潤(rùn)白柔膚水清爽型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:'嬌韻詩(shī)清透潤(rùn)白柔膚水清爽型200ml',newMoney:'¥390.00',oldMoney:'¥420.00',products_img:'img/product.png' },{onSw:false,content:'嬌韻詩(shī)清透潤(rùn)白柔膚水清爽型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> 點(diǎn)擊.trash_can按鈕隱藏選中的li標(biāo)簽angular.js - angular js點(diǎn)擊按鈕隱藏選中元素


問題解答


回答1:

建一個(gè)空數(shù)組 用來(lái)存放你需要?jiǎng)h除數(shù)據(jù)的index 例如delProds


在你的checkbox上加上ng-click觸發(fā)時(shí)判斷為true的時(shí)候就把這個(gè)產(chǎn)品的index push到delProds數(shù)組為false的時(shí)候從delProds里面刪除


然后在點(diǎn)擊刪除按鈕的時(shí)候把對(duì)應(yīng)序號(hào)的數(shù)據(jù)都刪除掉就可以了


回答2:

用splice(),比如products_mes.splice(下標(biāo),1) 可以刪除數(shù)組的某一項(xiàng)


回答3:

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


var index = products_mes.indexOf(data);products_mes.splice(index,1);data:為選中的那個(gè)對(duì)象


回答5:

splice

相關(guān)文章:
主站蜘蛛池模板: 精品视频 久久久 | 99在线播放视频 | 国产精品久久人人做人人爽 | 亚洲成人免费在线观看 | 99在线精品视频在线观看 | 欧美f| 99视频精品全国免费 | 99久免费精品视频在线观看2 | 久久综合久久88 | 免费毛片全部不收费的 | 国产黄色自拍 | 久久免费观看视频 | 久久精品视频在线播放 | 99精品在线免费观看 | 国产福利一区二区在线精品 | 欧美成本人视频 | 日韩欧美国产成人 | 免费人成网站在线播放 | 毛片高清 | 午夜限制r级噜噜片一区二区 | 久久视频在线播放视频99re6 | 国内精品a | 男女男精品视频 | 亚洲国产影院 | 日本高清视频www夜色资源 | 久久全国免费久久青青小草 | 九九视频在线 | 日韩精品一区二区三区免费观看 | 中文字幕高清在线天堂网 | 久久精品福利视频在线观看 | 免费毛片全部不收费的 | 欧美大胆一级视频 | 国内精品视频成人一区二区 | 精品久久久久不卡无毒 | 91久久国产露脸精品免费 | 欧美理论片在线观看一区二区 | 2022麻豆福利午夜久久 | 亚洲一区二区三区久久 | 欧美日韩高清观看一区二区 | 国产亚洲精品成人久久网站 | 99久久99久久精品免费看子 |