Jquery multiselectはng-optionで完全に実行されます。私のHTML、ディレクティブとコントローラについては以下を参照してください。ng-optionsを使用するanglejsを使用したjquery multiselectのあらかじめ選択された値
<select multiselect multiple ng-model="sched.select" style="width:130px;"
ng-options="option.name for option in availableOptions track by option.value" >
.directive('multiselect', function ($timeout) {
return {
restrict: 'A',
scope: {
model: '='
},
transclude: true,
require: 'ngModel',
link: function (scope, element, attrs, controller, transclude) {
$timeout(function() {
transclude(function (clone) {
element.append(clone);
$(element).multiselect();
});
});
}
}
});
.controller('CreateSubject', function ($scope, factory, $cookieStore,
$location, $rootScope){
$scope.availableOptions = [
{value: "M", name: 'Monday'},
{value: "T", name: 'Tuesday'},
{value: "W", name: 'Wednesday'},
{value: "Th", name: 'Thursday'},
{value: "F", name: 'Friday'},
{value: "S", name: 'Saturday'}
];
});
私の問題は、このシナリオで値を事前に選択することです。私はすでにこの解決策を試みたJQuery multiselect - Set a value as selected in the multiselect dropdownしかしそれは私にエラーを与える。
angular.js:13236 TypeError: o[e] is not a function
at HTMLSelectElement.<anonymous> (bootstrap-multiselect.min.js:1)
at Function.x.extend.each (jquery.min.js:4)
at x.fn.x.each (jquery.min.js:4)
at t.fn.multiselect (bootstrap-multiselect.min.js:1)
at getschedule (controller.js:152)
at Scope.$scope.getsubjectschedule (controller.js:181)
at fn (eval at <anonymous> (angular.js:14086), <anonymous>:4:347)
at expensiveCheckFn (angular.js:15076)
at callback (angular.js:24546)
at Scope.$eval (angular.js:16820)
あなたの答えをありがとうしかし、あなたの答えはjqueryの複数選択ドロップダウンでは動作しません。 – shinta
あなたはどんな出力を望んでいますか? –
あなたのデモと同じですが、jquery multiselectドロップダウンを使用してください。参考資料http://formvalidation.io/examples/bootstrap-multiselect/ – shinta