與angularjs控制器作爲樣式的雙重數據綁定

Question

我正在尋找如何在angularjs中使用雙數據綁定，其中涉及到Google推薦的controller as style。它看起來像：

hello.mainpage.HomeCtrl = function() { 
    /** 
    * @type {string} 
    * @export 
    */ 
    this.myColor = 'blue'; 
}; 

因爲我不能用$scope.$watch或$scope.keypress。什麼是最好的方式來做到這一點？

Answer 1

雙向數據綁定是Angular的「魔術」的一部分，它是Angular自動保持視圖與模型同步的過程。如果使用$ scope的「normal」控制器語法或沒有scope的「controller as」語法，它應該沒有什麼區別。雙向數據綁定的工作方式完全相同。

例如爲：

「控制器」 + 「$範圍」：

<div ng-controller="someCtrl"> 
    <input type="text" ng-model="someStr" /> 
</div> 

.controller('someCtrl', function ($scope) { 
    $scope.someStr = 'Hello, world !'; 
}); 

_{雙向數據綁定工作如常。}

---

「控制器」 + 「無$範圍」：

<div ng-controller="someCtrl as ctrl"> 
    <input type="text" ng-model="ctrl.someStr" /> 
</div> 

.controller('someCtrl', function() { 
    this.someStr = 'Hello, world !'; 
}); 

_{雙向數據綁定在這裏工作也是如此。}

---

在另一方面，如果你想$watch的東西，那麼你需要一個$scope（其中的「控制器」語法不使用禁止你）。

---

所有上述是很好在此short demo示出。