點擊後，刪除DIV

我重複與Angularjs的div如下：點擊後，刪除DIV

 <div class="large-12 eachRow greyRow" ng-repeat="role in bindRoles"> 
      <div class="large-10 columns"> 
       {{role}} 
      </div> 
      <div class="large-2 columns"> 
       <input type="checkbox" /> 
       <i class="fa fa-minus-circle minusIconStyle"></i> 
      </div> 
     </div>

在點擊，圖標與minusIconStyle類。我需要單獨刪除特定的行。我如何用angularjs實現這一點？

請幫忙，謝謝。

來源

2014-09-06 Erma Isabel

當你點擊'我'你想只刪除第一個孩子'div'或兩個孩子？ – 2014-09-06 04:26:48

然後整個div：'greyRow'。 – 2014-09-06 04:28:45

通過刪除，你的意思是隱藏行？ – 2014-09-06 04:35:39

將每個角色的.hide屬性初始化爲false。然後添加一個ng-click =「role.hide = true」給你想要點擊的元素。最後，加上NG隱藏=「role.hide」到要隱藏點擊

來源

2014-09-06 04:36:56

我得到它的工作元素，

<i class="fa fa-minus-circle minusIconStyle" ng-click="removeRole(role)"></i> 

    $scope.removeRole = function(role) { 
     return $scope.bindRoles = $scope.bindRoles.filter(function(word) { 
     return word !== role; 
     }); 
    };

來源

2014-09-06 04:54:10

<div class="large-12 eachRow greyRow" ng-repeat="role in bindRoles"> 
       <div class="large-10 columns"> 
        {{role}} 
       </div> 
       <div class="large-2 columns"> 
        <input type="checkbox" /> 
        <i class="fa fa-minus-circle minusIconStyle" 
         ng-click="$parent.bindRoles.splice($index,1);"></i> 
       </div> 
      </div>

這是您的解決方案。從列表中刪除當前元素後，重複將再次運行並呈現沒有被刪除元素的列表。

來源

2014-09-06 08:25:43 Kliment

點擊後，刪除DIV

回答

相關問題