AngularJS ng-controller Directive

by Online Tutorials Library July 22, 2022

AngularJS ng-controller Directive

The AngularJS ng-controller directive adds a controller class to the view (your application). It is the key aspect which specifies the principles behind the Model-View-Controller design pattern.

It facilitates you to write code and make functions and variables, which will be parts of an object, available inside the current HTML element. This object is called scope.

This is supported by all HTML elements.

Syntax:

Parameter explanation:

expression: It specifies the name of the controller.

Let’s take an example to demonstrate ng-controller directive.

See this example:

     <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://www.tutoraspire.com/wp-content/cache/min/1/ajax/libs/angularjs/1.4.8/angular.min.js?ver=1693425700"></script>    
<div ng-app="myApp" ng-controller="myCtrl">  Full Name: {{firstName + " " + lastName}}  </div>
<p>In this example you can see how to define a controller, and how to use variables made for the scope.</p>
<p>      </p>

Test it Now

Next TopicAngularJS ng-copy Directive

AngularJS ng-controller Directive

AngularJS ng-controller Directive

PHP addcslashes() function

Framework7 Notifications

You may also like