通过单击芯片删除md-chips

时间:2017-04-14 11:59:55

标签: angularjs mobile md-chip md-select

我是angularJS的新手。我正在使用md-chips来创建基于下拉选择的芯片。对于移动视图,我想通过点击芯片而不是让用户点击芯片上的小“X”来删除md芯片。如果我把它变为只读我不能删除芯片。任何想法都赞赏。感谢。

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>

1 个答案:

答案 0 :(得分:2)

您可以使用$('textarea').each(function () { this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow- y:hidden;'); }) 回调,其中md-on-select="ctrl.remove($chip)"包含已被点击的ng-mode数组的元素。在remove函数中,您可以从数组中删除该元素。根据您的例子,如下所示:

$chip

可以在这里找到一个工作小提琴:jsFiddle

相关问题