AngularJS の "controller as" 構文の明確化

AngularJS の "controller as" 構文にはいくつかの利点があり、従来の $scope アプローチのいくつかの欠点に対処します。

利点:

1. コードの可読性の向上: コントローラーのエイリアスを定義することで、ビュー内のプロパティと変数の起源を識別しやすくなります。
2. ドット ルールの問題の軽減: 同じプロパティ名を持つコントローラーをネストすると、従来の $scope 構文ではドット ルールの競合が発生する可能性があります。 「Controller as」は、プロパティのソースを明確に示すことでこの問題を解決します。
3. Flexibility: 「Controller as」を使用すると、$scope の依存関係を回避し、代わりに「this」キーワードを利用できます。開発者は明確さと一貫性を好みます。

例:

次の例では、2 つのネストされたコントローラーがあり、どちらも "name" プロパティを持っていると考えてみましょう:

従来の $scope 構文:

   {{name}}

  

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

この例では、親の「name」プロパティにアクセスするには $parent を使用する必要があり、コードが煩雑になる可能性があります。

Controller As Syntax:

   {{parent.name}}

  

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

「controller as」を使用すると、子コントローラーの「name」プロパティが親コントローラーに由来することが明確になり、可読性が向上し、潜在的なドット ルールの問題が回避されます。

In概要:

AngularJS の「controller as」構文は、コードのクリーンさを強化し、ドット ルールの競合を減らし、$scope への依存関係を削除することで柔軟性を高めます。