Разъяснение синтаксиса AngularJS «контроллер как»

Синтаксис «контроллер как» в AngularJS предлагает несколько преимуществ и устраняет некоторые недостатки традиционного подхода $scope.

Преимущества:

1. Улучшенная читаемость кода: Определив псевдонимы для контроллеров, становится проще определить происхождение свойств и переменных в представлении.
2. Уменьшение проблем с точечными правилами: Вложенность контроллеров с одинаковым именем свойства может привести к конфликтам точечных правил в традиционном синтаксисе $scope. «Контроллер как» решает эту проблему, четко указывая источник свойства.
3. Гибкость: «Контроллер как» позволяет избежать зависимости от $scope и вместо этого использовать ключевое слово «this», которое некоторые разработчики предпочитают это из соображений ясности и последовательности.

Пример:

Рассмотрим следующий пример с двумя вложенными контроллерами, оба со свойством «name»:

Традиционный синтаксис $scope:

   {{name}}

  

     {{name}} - {{$parent.name}}
  

В этом примере для доступа к свойству «name» родительского элемента требуется использование $parent, что может загромождать код.

Контроллер как синтаксис:

   {{parent.name}}

  

     {{child.name}} - {{parent.name}}
  

Использование «controller as» дает понять, что свойство «name» в дочернем контроллере происходит от родительского контроллера, что улучшает читаемость и позволяет избежать потенциальных проблем с точечными правилами.

In Краткое описание:

Синтаксис «контроллер как» в AngularJS повышает чистоту кода, уменьшает конфликты точечных правил и обеспечивает повышенную гибкость за счет удаления зависимости от $scope.