Является ли использование $scope.$watch дурным тоном?

Question

[werevolff]

Услышал мнение, что использование $scope.$watch является дурным тоном в Angular.js. Так ли это? Если так, то вот пример:

$scope.modelOne = false;
$scope.modelTwo = 'some string';

Первая модель связана с чекбоксом.
Вторая - c input type="text"
Если modelOne === true, modelTwo полностью перевести в верхний регистр. Если false, то полностью перевести в нижний регистр. Как сделать это без $watch, если возможно вообще такое сделать?

Answer 1

[Николай]

В вашем случае стоит использовать ng-change(https://docs.angularjs.org/api/ng/directive/ngChange).
А $watch - да, плохая вещь. Лучше его избегать.

Comments

[werevolff]

Хорошо, но хотелось бы получить однозначный ответ по поводу $watch. Является ли это полностью дурным тоном, либо высказывание преувеличено?

[Николай]

werevolff: $scope в принципе не нужен в Angular начиная от версии 1.5

[werevolff]

Николай: $scope? или $scope.$watch? Можно чуть подробнее?

[Николай]

werevolff: $scope в целом. Смотрите на компоненты, там все биндинги попадают сразу в controller. Для остального есть bindToController: true.

[werevolff]

Николай: Спасибо.

[Faliah]

Николай: А не могли бы вы ткнуть в какую-то статейку, в которой показывается работа с DOM без $scope.apply() и $scope.watch в контексте 1.5 компонентов (именно компонентов, а не директив)? Не так давно пришлось делать интеграцию с bootstrap datetimepicker - заставить это дело работать, используя компоненты, не получилось. Завелось только директивой с apply и watch

[werevolff]

Faliah: У меня есть похожая проблема: один бэкенд не умеет правильно отдавать данные. В результате приходится использовать jQuery.ajax. Приходится применять изменения через $apply. Но это частные случаи.

[Николай]

Faliah: компоненты не заменяют директивы, для работы с DOM всё так же используются они (см. первый абзац: https://docs.angularjs.org/guide/component ). И apply использовать придется в случае, когда идет обработка не-angular событий. Watch почти никогда не нужен, когда дело касается input элементов, т.к. ng-model умеет очень много всего. Кстати я тоже этот плагин цеплял, воспользуйтесь ng-model + parsers/formatters
werewolf: у $http сервиса есть transformRequest/transformResponse.