通过单击芯片删除md-芯片

Question

我是angularJS的新手。我使用md芯片来创建基于下拉选择的芯片。对于移动视图，我想删除md芯片，点击芯片，而不是让用户点击芯片上的小'X‘。如果我做到只读，我就不能删除芯片。任何想法都值得赞赏。谢谢。

HTML：

            <div ng-repeat="filter in sc.filters">
               <md-chips ng-model="filter.value" ng-if="sc.isArray(filter.value)" md-on-remove="sc.filter()">
                  </md-chips>
            </div>

Answer 1

您可以使用md-on-select="ctrl.remove($chip)"回调，其中$chip包含已单击的ng模式数组的元素。在remove函数中，您可以从数组中删除该元素。根据您的示例，希望如下所示：

$scope.remove = function($chip) {
  var idx = self.fruitNames.indexOf($chip)
  $scope.filters.splice(idx, 1)
}

在这里可以找到一个有用的小提琴：jsFiddle