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]
Last updated: 26th April, 2024 In this blog post, we will discuss the logistic regression…
Last updated: 22nd April, 2024 As data scientists, we navigate a sea of metrics to…
Last updated: 22nd April, 2024 This post will teach you about the gradient descent algorithm…
Last updated: 19th April, 2024 Among the terminologies used in training machine learning models, the…
Last updated: 19th April, 2024 Model parallelism and data parallelism are two strategies used to…
Last updated: 4th April, 2024 In machine learning, model complexity, and overfitting are related in…
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.