Açısal $ kapsamı bir nesne değişmezi veya çoklu $ kapsamı en

Question

i nesne değişmezleri

angular.module('scopeExample', []) 
    .controller('MyController', ['$scope', function ($scope) { 
     $scope.viewModel = { 
      greeting: '', 
      username: 'World', 
      sayHello: function(){ 
       this.greeting = 'Hello ' + this.username + '!'; 
      } 
     }; 
}]); 

Answer 1

Sen this yerine $scope kullanarak deneyebilirsiniz. Denetleyicisini kullanarak, görünümlerinizde bildirimi olarak görüntünüzde bir nokta gösterimi ile sonuçlanacaktır.

Kişisel kontrolör kod sonra benzeyen sonunda olabilir aşağıdaki:

angular.module('scopeExample', []) 
    .controller('MyController', function() { 
    var self = this; 
    this.greeting = ''; 
    this.username = ''; 

    this.getName = function() { 
     self.greeting = 'Hello ' + self.username + '!'; 
    }; 
}]); 

aşağıdaki neden olacaktır görünümünde beyanı olarak Kontrol kullanma: Bu örnekte Yani

<div data-ng-controller="UserController as user"> 
     Hello {{ user.username }} 
</div> 

Daha az kodla sonuçlanırsınız, ancak nokta notasyonunu görünümlerinizde tutarsınız.

işlevselliği gibi Denetleyici Ben de ilki daha kolay okunur ama bu sırf ben kullanılan örnek muhtemelen düşünüyorum

Answer 2

neden istiyorsun kullanmamalısınız herhangi bir neden yoktur aşağıdaki kontrolörü

angular.module('scopeExample', []) 
    .controller('MyController', ['$scope', function ($scope) { 
     $scope.username = 'World'; 

     $scope.sayHello = function() { 
      $scope.greeting = 'Hello ' + $scope.username + '!'; 
     }; 
}]); 

kullandığınızı varsayalım HTML'nize daha fazla kod eklemek için. Belirli bir değişkeni {{viewModel.username}} kullanarak erişmeniz gerekecek.

ayrıca bu

angular.module('scopeExample', []) 
    .controller('MyController', ['$scope', function ($scope) { 
     var viewModel = { 
      greeting: '', 
      username: 'World', 
      sayHello: function(){ 
       this.greeting = 'Hello ' + this.username + '!'; 
      } 
     }; 
     angular.extend($scope, viewModel); 
}]); 

gibi kod olabilir Bunu önlemek için Ama ilk yöntem sonra bu gösterimi okuma daha kolay olduğunu düşünüyorum. Ancak, yaklaşımlardan herhangi birinin kullanılmasında büyük bir zarar yoktur.

Answer 3

Şahsen, herşeyi $ kapsamını bağlamak yerine, nesne değişmezini kullanmayı tercih ediyorum. Yönetilebilir ve iyi uygulama.

angular.module('scopeExample', []) 
.controller('MyController', ['$scope', function ($scope) { 
    var viewModel = { 
     greeting: '', 
     username: 'World' 
    }; 

    viewModel.sayHello = function() { 
     this.greeting = 'Hello ' + this.username + '!'; 
    }; 
    $scope.viewModel = viewModel; 
}]);