javascript - 重複したチップが追加されなかったときに発生する検証イベント

Question

重複したチップを追加しようとすると、重複したチップを追加できないため、コンポーネントは新しく追加されたチップを自動的に削除します。

ユーザーが重複したチップを追加できないという検証メッセージを表示するために依存できるイベントを発生させる必要があります

---

<div ng-controller="BasicDemoCtrl as ctrl" layout="column"
     ng-cloak="" class="chipsdemoBasicUsage" ng-app="MyApp">

  <md-content class="md-padding" layout="column">

     <h2 class="md-title">Make chips editable.</h2>

       <md-chips ng-model="ctrl.editableFruitNames" readonly="ctrl.readonly"
                 md-removable="ctrl.removable" md-enable-chip-edit="true"
                 input-aria-label="Fruit names">
       </md-chips>
       <em ng-if="if chips duplicated(the condition which I need)">You have 
        added a duplicated chip</em>

重複したチップを追加してみてください..重複したチップは、検証メッセージなしで自動的に削除されますhttps://codepen.io/aRagabCs/pen/OYXwEx