Angular js 使用 ng-change 将 select 菜单中的值传递给控制器
Angular js pass value from select menu to controller using ng-change
我想每次 select 将一个项目从 ui-select 传递给控制器 我确实尝试使用 ng-update 和 ng change 但它似乎没有上班。任何想法?为什么代码在下面。谢谢你。我只想在 select 来自 ui select.
的项目后触发一个功能
控制器
$scope.update = function () {
alert("triggered")
}
查看
<ui-select ng-change="update()" multiple="multiple" tagging="tagging" tagging-label="(custom 'new' label)" ng-model="main.record.skills" theme="bootstrap" sortable="true" style="width: 300px;" title="">
<ui-select-match class="ui-select-match" placeholder="Select skills">{$ $select.selected.name $}{$ $item.name | limitTo:70 $} {$ $item.name.length > 70 ? "..." : "" $}</ui-select-match >
<ui-select-choices ng-change="main.update()" refresh="main.read_skills($select.search)" repeat="skill in main.skills | filter:$select.search track by $index">
<div ng-bind-html="skill.name | highlight: $select.search"></div>
{$ name $}
</ui-select-choices>
</ui-select>
将 on-select="onSelected($item)" 添加到您的 ui-select 和控制器中:
$scope.onSelected = function (selectedItem) {
//do selectedItem.PropertyName like
//selectedItem.Name or selectedItem.Key
//whatever property your list has.
}
我想每次 select 将一个项目从 ui-select 传递给控制器 我确实尝试使用 ng-update 和 ng change 但它似乎没有上班。任何想法?为什么代码在下面。谢谢你。我只想在 select 来自 ui select.
的项目后触发一个功能控制器
$scope.update = function () {
alert("triggered")
}
查看
<ui-select ng-change="update()" multiple="multiple" tagging="tagging" tagging-label="(custom 'new' label)" ng-model="main.record.skills" theme="bootstrap" sortable="true" style="width: 300px;" title="">
<ui-select-match class="ui-select-match" placeholder="Select skills">{$ $select.selected.name $}{$ $item.name | limitTo:70 $} {$ $item.name.length > 70 ? "..." : "" $}</ui-select-match >
<ui-select-choices ng-change="main.update()" refresh="main.read_skills($select.search)" repeat="skill in main.skills | filter:$select.search track by $index">
<div ng-bind-html="skill.name | highlight: $select.search"></div>
{$ name $}
</ui-select-choices>
</ui-select>
将 on-select="onSelected($item)" 添加到您的 ui-select 和控制器中:
$scope.onSelected = function (selectedItem) {
//do selectedItem.PropertyName like
//selectedItem.Name or selectedItem.Key
//whatever property your list has.
}