У меня есть вопрос о настройке нг-модели в сочетании выбранного виджета и AngularJS (см это видео: https://www.youtube.com/watch?v=8ozyXwLzFYs)Угловое + выбраны: выбранные значения
То, что я хотел бы сделать, это установить получателей некоторых значений, которые будет предварительно выбран. Вот HTML и JS для этого примера (из видео)
<h1>Chosen</h1>
<select data-placeholder="Choose a Recipient" multiple class="span4 chzn-select" chosen
ng-model="recipients" ng-options="recipient.name for recipient in recipientsList">
</select>
<p ng-repeat="recipient in recipients"><strong>{{recipient.name}}</strong></p>
И JS контроллер
$scope.recipientsList = [];
$scope.recipients = [];
$scope.fetchRecipients = function() {
$http.get($scope.url).then(function(result){
$scope.recipientsList = [
{"id":0, "name":"Recipient 0"},
{"id":1, "name":"Recipient 1"},
{"id":2, "name":"Recipient 2"},
{"id":3, "name":"Recipient 3"},
{"id":4, "name":"Recipient 4"},
{"id":5, "name":"Recipient 5"},
{"id":6, "name":"Recipient 6"},
{"id":7, "name":"Recipient 7"},
{"id":8, "name":"Recipient 8"},
{"id":9, "name":"Recipient 9"},
{"id":10, "name":"Recipient 10"}
];
$scope.recipients = [{"id":0, "name":"Recipient 0"},
{"id":1, "name":"Recipient 1"}];
});
}
$scope.fetchRecipients();
Я попытался несколько сочетаний, но значения в меню не выбран предварительно, хотя они хранятся в получателях, потому что они видны под меню. Вы можете увидеть этот пример здесь: http://jsfiddle.net/YKZSw/8/
Спасибо за ваших просителей.
атрибут Матого
не может ли это вызвать проблемы при включении фильтров? Здесь jsfiddle, где эта проблема останавливается на предварительном отборе, какие-либо предложения по ее решению? http://jsfiddle.net/wKMZM/13/ – ragche
Похоже, что вы допустили ошибку при установке начального значения 'myModel'. То, что предлагает ваша разметка, заключается в том, что вы хотите привязать к строковым значениям, пока вы устанавливаете начальное значение в 'Object'. Вот [обновленная скрипка] (http://jsfiddle.net/wKMZM/15/), которая, кажется, работает. Вместо того, чтобы делать '$ scope.myModel = {type: 'ninjacat'};', то, что, похоже, работает: '$ scope.myModel = 'ninjacat'' – manan