複数選択モードでの選択 - 選択したアイテムのクリックに対する反応をどのように実装するのですか？

Question

ui-selectで複数の商品を選択しています。選択したアイテムの1つをクリックすると、modal windowを開きます。私はui-select-match要素のng-clickの関数と同じように実装しました。

<ui-select id="myselect" ng-model="myvar" theme="bootstrap" ng-required="true" multiple="" search-enabled="true" reset-search-input="true"> 
    <ui-select-match ng-click="myFunction()" placeholder="Click to select">{{$item}} 
    </ui-select-match> 
    <ui-select-choices repeat="item in ['one', 'two', 'three']"> 
     <div>{{item}}</div> 
    </ui-select-choices> 
    </ui-select> 

私のjsがそのようになっています。私のモーダルウィンドウが開いているが、私は問題を抱えているクリックで

$scope.myFunction = function() { 
    $uibModal.open({ 
    template: "Hi there!" 
    }); 
} 

：モーダルウィンドウは、私はxアイコンをクリックして項目を削除したときに開きます。どのように私はこの動作を防ぐことができますか？

Plunkrはここにある：UI-選択マッチの内側クリックngの移動するhttp://plnkr.co/edit/i4urNAa1u1rteXhfvAyd?p=preview

Answer 1

試してみてください。

<ui-select-match placeholder="Click to select"> 
    <a ng-click="myFunction()" > {{$item}} </a> 
    </ui-select-match>