澄清AngularJS 的“controller as”語法

AngularJS 中的“controller as”語法提供了多個優點，並解決了傳統$scope 方法的一些缺點。

優點：

1. 提高程式碼可讀性：透過為控制器定義別名，可以更輕鬆地識別視圖中屬性和變數的來源。
2. 減少點規則問題： 具有相同屬性名稱的嵌套控制器可能會導致傳統 $scope 語法中的點規則衝突。 「Controller as」透過清楚地指示屬性來源來解決這個問題。
3. 靈活性：「Controller as」讓您避免 $scope 依賴並使用「this」關鍵字來代替，有些開發人員更喜歡清晰性和一致性。

範例：

考慮以下兩個嵌套控制器的範例，兩個控制器都具有「name」屬性：

傳統$scope 語法：

   {{name}}

  

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

在此範例中，存取父級的「name」屬性需要使用 $parent，這可能會使程式碼變得混亂。

Controller As 語法：

   {{parent.name}}

  

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

使用「controller as」可以明確子控制器中的「name」屬性源自父控制器，提高可讀性並避免潛在的點規則問題。

In摘要：

AngularJS 中的「controller as」語法增強了程式碼簡潔性，減少了點規則衝突，並透過消除對$scope 的依賴來提供更高的靈活性。