Question

我正在重复使用Angularjs的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实现这一目标？

请帮忙，谢谢。

Answer 1

在每个角色上放置.hide属性，初始化为false。然后将ng-click =“role.hide = true”添加到要单击的元素中。最后，将ng-hide =“role.hide”添加到要在单击

时隐藏的元素

Answer 2

我得到了它的工作，

    <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;
      });
    };

Answer 3

  <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>

这是你的解决方案。从列表中删除当前元素后，将再次运行重复并渲染列表而不删除元素。

单击，删除div

3 个答案: