Angular Controllers
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]
Large language models (LLMs) have fundamentally transformed our digital landscape, powering everything from chatbots and…
As Large Language Models (LLMs) evolve into autonomous agents, understanding agentic workflow design patterns has…
In today's data-driven business landscape, organizations are constantly seeking ways to harness the power of…
In this blog, you would get to know the essential mathematical topics you need to…
This blog represents a list of questions you can ask when thinking like a product…
AI agents are autonomous systems combining three core components: a reasoning engine (powered by LLM),…
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.