Using “as aliasName” specifier when defining the controller in ng-controller directive. The methods and properties can be bound on to the controller using “this” keyword. There are benefits of binding properties directly to the controller and thus, it is the recommended way (best practice) to declare the controller using “as alias” method. Following are some of the benefits:
Following is how view code looks like. Note the “as ctrl” and then, “ctrl.name”
<div ng-controller="HelloCtrl as ctrl">
<input type="text" name="name" ng-model="ctrl.name"/>
</div>
Following is how the controller looks like:
angular.module( "helloApp", [] )
.controller( "HelloCtrl", function() {
this.name = '';
}]);
This is most common and popular way of working with the controller. For rookies to quickly get on board, this may be the recommended way.
In this strategy, the properties and methods get bound as scope properties and methods and can be later accessed on scope object within the controller object. This strategy requires $scope object to be injected.
Following is how view code looks like. Note the absence of “as” in the ng-controller directive and “ctrl.” alias in ng-model directive.
<div ng-controller="HelloCtrl">
<input type="text" name="name" ng-model="name"/>
</div>
Following is how the controller looks like. Notice that $scope is injected and the model is bound to $scope object.
angular.module( "helloApp", [] )
.controller( "HelloCtrl", [ '$scope', function( $scope ) {
$scope.name = '';
}]);
…
[adsenseyu1]
In recent years, artificial intelligence (AI) has evolved to include more sophisticated and capable agents,…
Adaptive learning helps in tailoring learning experiences to fit the unique needs of each student.…
With the increasing demand for more powerful machine learning (ML) systems that can handle diverse…
Anxiety is a common mental health condition that affects millions of people around the world.…
In machine learning, confounder features or variables can significantly affect the accuracy and validity of…
Last updated: 26 Sept, 2024 Credit card fraud detection is a major concern for credit…
View Comments
another way is registering a controller using a $controllerProvider. Then use the $controller service to create it. You can pass the $scope as parameters to $controller service.