2015-10-30 1 views
0

Я пытаюсь выбрать опцию в ng-опциях с помощью jquery на основе метки параметров, создаваемой на основе текста в переменной.Выберите опцию в ng-опциях Не работает с jQuery

$scope.storedDay = 'Today'; 

<select id="selectedDay" name="selectedDay" class="form-control" ng-model="selectedDay" ng-options="day.text for day in days"></select> 

$('#selectedDay option[label="' + $scope.storedDay + '"]').prop('selected', true); 

Сгенерированный HTML

<select id="selectedDay" name="selectedDay" class="form-control ng-pristine ng-untouched ng-valid" ng-model="selectedDay" ng-options="day.text for day in days" tabindex="0" aria-invalid="false"> 
<option value="?" selected="selected"></option> 
<option value="object:35" label="Today">Today</option> 
<option value="object:36" label="Tomorrow">Tomorrow</option> 
<option value="object:37" label="Sunday">Sunday</option> 
</select> 

Он никогда не выбран. Даже если я жестко закодирую текст ярлыка.

+2

Что есть у всех, кто пытается использовать jquery и угловые вместе? Просто используйте угловые ... –

+0

, но почему вы хотите сделать это с помощью jQuery? – Grundy

+0

Мне не нужно использовать jQuery - я мог бы использовать js или если есть Угловой способ ... – RooksStrife

ответ

0

мне просто нужно добавить в track by day.text в нг-вариантах = FAIL:}

0

Вы можете сделать это с помощью угловых-х jqLite итерации опций и сравнивая их метки см следующей рабочей скрипки:

//Iterate over options 
for (var i = 0; i < angular.element(document.querySelector('#selectedDay').children).length; i++) { 
    if (angular.element(document.querySelector('#selectedDay').children[i]).attr('label') == $scope.storedDay) { 
     //Set selected option in ng-model 
     $scope.selectedDay = angular.element(document.querySelector('#selectedDay').children[i]).attr('value'); 
    } 
} 

http://jsfiddle.net/hmartos/sjsk71w8/

 Смежные вопросы

  • Нет связанных вопросов^_^