Ng-options и ng-model в angularjs?

Question

[Роман Ракзин]

Есть разметка

{{SelectedSemester}} -тут всё хорошо отображается
    <select ng-model="SelectedSemester" ng-change="" ng-options="semester.Id as semester.Name for semester in DataService.GET_SemestersList()">
    <button ng-click="group_create_show()">показать</button>

и код

$scope.group_create_show= function() { 
      alert($scope.SelectedSemester) // а здесь не выводится пробовал $scope.SelectedSemester.Id
    }

DataService.GET_SemestersList() возвращает список семестров

Пересмотрел всю документацию. Везде работает, а здесь нет. Странно.

Answer 1

[Сергей Протько]

Это самая типичная ошибка начинающих в Angular. Скоупы не умеют наследовать скаляры. Что-то чуть выше по иерархии скорее всего создало свой скоуп, и в контроллере его предок.

Решения два:
- использовать объекты-хранилища аля data. SelectedSemester
- не использовать скоуп в контроллере и обратиться к controllerAs синтаксису, тогда все будет хорошо так как контроллер будет засунут в скоуп по алиасу и, поскольку контроллер это объект передающийся по ссылке, значения будут наследоваться.

Comments

[Роман Ракзин]

Что-то я пытался сделать так-не получается. Можете пожалуйста подробней написать?

[Сергей Протько]

Роман Ракзин: вместо

ng-model="SelectedSemester"

попробуйте

ng-model="data. SelectedSemester"

и в $scope уже обращайтесь к data.

[Роман Ракзин]

Прикол в том, что я так сделал-не выводит. Создал алиас контроллера, но тоже не выводит. Что-то интересное тут... Может в сервис засунуть и от туда будет видно?

[Сергей Протько]

Роман Ракзин: поставьте себе scope inspector какой в хром и дебажте что где.

[Роман Ракзин]

Сергей Протько: спасибо за расширение. У меня главный контроллер по цифрой 2, а нужное значение чего-то под другой цифрой. Ищу- в чём дело

[Роман Ракзин]

Вообщем решил немного по-другому. В разметке написал ng-change="myfunc(SelectedSemester)" , а потом вызвал $scope.myfunc= function(a) {alert(a);}