2017-05-12 3 views
0

はちょうど今のコードスコープなしのコントローラの利点は何ですか?

var angApp = angular.module('angApp',[]); 
angApp.controller('testController', ['$http', function ($http) { 
    var self = this; 
    self.name ='Hello'; 

    self.btnClick=function(){ 
     self.name ='Hello! Button Clicked'; 
    } 
}]); 


<html> 
<head> 
</head> 
<body data-ng-app="angApp" data-ng-controller="testController as model"> 
<div> 
    {{model.name}} 
    </br> 
    <input type="button" value="Click" data-ng-click="model.btnClick();"/> 
</div> 
</html> 

を参照してください、私たちはスコープを回避し、このようtestController as modelようなコントローラを宣言した場合、次に何が有利になりますか、それが唯一のシンタックスシュガーである私に言いますか?

+2

HTに変数を参照しようとすると、それは簡単に、より明確ですtps://toddmotto.com/digging-into-angulars-controller-as-syntax/ – anoop

答えて

0

をあなたはコントローラを入れ子にしている場合、私は、例えば、約だと思うことができます

<div ng-controller="myFirstController as ctrl1"> 
    <div ng-controller="mySecondController as ctrl2"> 
     {{ctrl1.someValue}} 
    </div> 
</div> 

親コントローラ

関連する問題