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

我是安格拉斯的新手。我正在使用md芯片创建基于下拉选择的芯片。对于mobile view，我希望通过单击芯片来删除md芯片，而不是让用户单击芯片上的小“X”。如果我把它设为只读，我就不能删除芯片。任何想法都值得赞赏。谢谢

HTML:

---

您可以在select=“ctrl.remove（$chip）”回调中使用

md，其中
$chip
包含已单击的ng模式数组的元素。在remove函数中，可以从数组中删除该元素。根据您的示例，您希望如下所示：

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

您可以在此处找到一个可用的小提琴：
您可以在select=“ctrl.remove（$chip）”上使用
md
回调，其中
$chip
包含已单击的ng模式数组的元素。在remove函数中，可以从数组中删除该元素。根据您的示例，您希望如下所示：

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

可以在此处找到一个可用的小提琴：
显示控制器代码显示控制器代码不幸的是，这仅在
readonly
为false时有效。当
readonly
为true且
md-removable
为true时，我找不到令人满意的解决方案。不幸的是，这仅在
readonly
为false时有效。当
readonly
为真且
md-removable
为真时，我无法找到令人满意的解决方案。