Angularjs 如何获取ui中的所有选定值?选择角度中的多个
我有下面的ui选择代码,我想得到所有选择的值,以便将它们放入字符串中。选择效果很好,我可以选择产品,但我无法获得我选择的值Angularjs 如何获取ui中的所有选定值?选择角度中的多个,angularjs,ui-select,Angularjs,Ui Select,我有下面的ui选择代码,我想得到所有选择的值,以便将它们放入字符串中。选择效果很好,我可以选择产品,但我无法获得我选择的值 <ui-select multiple ng-model="multipleDemo.selectedProducts" theme="bootstrap" ng-disabled="disabled"> <ui-select-match class="ui-select-match" placeholder="Επιλ
<ui-select multiple ng-model="multipleDemo.selectedProducts" theme="bootstrap" ng-disabled="disabled">
<ui-select-match class="ui-select-match" placeholder="Επιλογή προϊόντος...">{{$item.name}}</ui-select-match>
<ui-select-choices class="ui-select-choices" repeat="product in products | propsFilter: {name: $select.search}">
<div ng-bind-html="product.name | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
如果我写这样的div
</div>
<div>{{multipleDemo.selectedProducts}}</div>
</div>
{{multipleDemo.selectedProducts}}
那么我在这个分区里什么也看不到。
有人能帮忙吗?我是根据你问题中的代码创建的,看起来很有效。不过,我看不出你的代码有什么明显的错误
控制器如下:
app.controller("myCtrl", function($scope) {
$scope.products = [
{id:1, name:'Apple'},
{id:2, name:'Banana'},
{id:3, name:'Carrot'}
];
$scope.multipleDemo = {};
$scope.multipleDemo.selectedProducts = [];
});
以及HTML:
<div ng-app="app" ng-controller="myCtrl">
<ui-select multiple ng-model="multipleDemo.selectedProducts" theme="bootstrap" ng-disabled="disabled">
<ui-select-match class="ui-select-match" placeholder="Επιλογή προϊόντος...">{{$item.name}}</ui-select-match>
<ui-select-choices class="ui-select-choices" repeat="product in products | propsFilter: {name: $select.search}">
<div ng-bind-html="product.name | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
<div>
Selected: {{multipleDemo.selectedProducts}}
</div>
</div>
并确保将ngSanitize
作为依赖项包括在内:
var app = angular.module('app', ['ui.select', 'ngSanitize']);
有人想知道这件事吗?
app.filter('propsFilter', function() {
...
});
var app = angular.module('app', ['ui.select', 'ngSanitize']);