Comprendre la syntaxe du "contrôleur en tant que" d'AngularJS

Introduction

AngularJS a introduit une nouvelle syntaxe pour définir les contrôleurs, "le contrôleur en tant que", ce qui a soulevé certains questions sur son objectif. Cet article vise à clarifier la raison d'être de cette syntaxe et ses avantages.

Contrôleur en tant que syntaxe

La syntaxe "contrôleur en tant que" vous permet d'instancier un contrôleur et de l'affecter à une variable dans le courant portée. Par exemple :

controller('InvoiceController as invoice')

Ce code indique à Angular de créer une instance d'InvoiceController et de la stocker dans la variable de facture dans la portée actuelle.

Suppression de $scope du contrôleur

Une différence notable avec la syntaxe "contrôleur en tant que" est qu'elle élimine le paramètre $scope de la définition du contrôleur. Cela permet d'obtenir des contrôleurs plus propres et plus concis :

// With $scope
function InvoiceController($scope) {
  // Do something with $scope.qty
}

// With controller as
function InvoiceController() {
  // Do something with this.qty
}

Attribution d'alias dans la vue

Bien que la suppression de $scope du contrôleur simplifie le code, elle vous oblige à spécifier un alias dans la vue :

// With $scope


// With controller as

Objectifs du contrôleur en tant que syntaxe

La syntaxe "contrôleur en tant que" a été introduite principalement pour ces raisons :

• Suppression de $scope : Certains développeurs préfèrent éviter la syntaxe $scope, estimant qu'elle obscurcit la source de propriétés.
• Clarté de l'origine de la propriété : En utilisant des alias dans la vue, il devient clair quelles propriétés appartiennent à quel contrôleur. Ceci est particulièrement utile lors de l'imbrication de contrôleurs.
• Évitement des problèmes de règle de point : La syntaxe « contrôleur en tant que » permet d'éviter les problèmes avec la « règle de point » d'AngularJS, qui peut rendre difficile l'accès aux propriétés. des contrôleurs parents. Il permet un accès clair et hiérarchique aux propriétés du contrôleur.