ui-select 在多模式下 - 如何实现对 selected 项目的点击反应?
ui-select with in multiple mode - how to implement reaction on click for the selected item?
我正在 select 使用 ui-select. When I click on one of the selected items I want to open 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!"
});
}
单击时,我的模态 window 正在打开,但我遇到了问题:当我通过单击 x
图标删除项目时,模态 windows 打开。我怎样才能防止这种行为?
Plunkr 在这里:http://plnkr.co/edit/i4urNAa1u1rteXhfvAyd?p=preview
尝试在 ui-select-match:
内移动 ng-click
<ui-select-match placeholder="Click to select">
<a ng-click="myFunction()" > {{$item}} </a>
</ui-select-match>
我正在 select 使用 ui-select. When I click on one of the selected items I want to open 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!"
});
}
单击时,我的模态 window 正在打开,但我遇到了问题:当我通过单击 x
图标删除项目时,模态 windows 打开。我怎样才能防止这种行为?
Plunkr 在这里:http://plnkr.co/edit/i4urNAa1u1rteXhfvAyd?p=preview
尝试在 ui-select-match:
内移动 ng-click <ui-select-match placeholder="Click to select">
<a ng-click="myFunction()" > {{$item}} </a>
</ui-select-match>