AngularJS непоследовательная привязка данных

Question

Я изучаю AngularJS, и у меня есть вопрос относительно привязки данных для отдельных элементов. Связывание данных для текстовых полей работает без какого-либо кода обработки событий. Как только атрибут ng-model будет установлен для обновления текстового поля при изменении свойства модели и наоборот. Нет необходимости в атрибуте ng-change.

Однако для элементов выбора нам нужно написать функции, которые будут вызываться через атрибут ng-change.

Почему angularjs обрабатывает привязку данных без атрибута ng-change для текстовых полей, но требует функций, которые будут вызваны через атрибут ng-change для отдельных элементов?

ОБНОВЛЕНИЕ: Добавлена ​​скрипка в разделе комментариев. Пример от AngularJS в книге действий. Нажмите на одну из историй, измените значение текстового поля и обновите модель. Изменить выбор в раскрывающемся списке не обновляется.

ОБНОВЛЕНИЕ: Добавлена ​​новая скрипка в комментариях.

Спасибо.

Answer 1

Я создал скрипку, которая работает here - Проблема на самом деле - это только фиктивные данные здесь. В исходной скрипте объект, созданный в массиве состояний для {name: 'Back Log'} и {name: 'To Do'}, не совпадает (не ===) как {name: 'Back Log'} и {name: 'To Do'} объекты, созданные в объектах фиктивной истории.

Чтобы сделать пример работы, я передаю индексированные статусы в функцию getStories. Однако я думаю, что это действительно просто случай, вызванный демонстрацией путаницы. (Я смотрел на MEAP для Угловое в действии, а также, и я думаю, что это может быть немного упрощен like this one, который использует простые строковые статусы, которые будут проходить тест ===

var getStories = function(statusesIndex) { 
    var tempArray = [ 
     {title:'Story 00', 
     description:'Description pending.', 
     status: statusesIndex['To Do'] 
     }, 
     {title:'Story 01', 
     description:'Description pending.', 
     status: statusesIndex['Back Log'] 
     } 
]; 
    return tempArray; 
} 

Answer 2

Если я правильно понял ваш вопрос, я думаю, что ваши предположения ошибочны, потому что для выборочных боксов вам не нужно вызывать событие ng-change, чтобы извлечь выбранный параметр.

<select ng-model='select'> 
    <option>....</option> 
    <option value='one'>One</option> 
    <option value='Two'>Two</option> 
</select> 

// Your selected option will print below... without invoking ng-change 
<div>You selected: {{select}}</div> 

Демо: http://jsfiddle.net/jenxu/1/

Answer 3

Я думаю, что ваша путаница может быть результатом select documentation еще является некорректным. (См. Мой Disqus comment.) ng-model может и должен использоваться с select. ng-change является необязательным, и он просто дает вам крючок, если вы хотите что-то делать каждый раз, когда выбранная опция изменяется.

Обычно вы должны использовать ng-options с выбором.