Angular ng controller directive Example

Angular ng controller directive Example

Today, We want to share with you Angular ng controller directive Example.
In this post we will show you Angular ng controller directive Example, hear for Angular ng controller directive Example we will give you demo and example for implement.
In this post, we will learn about Angular ng controller directive Example with an example.

AngularJs ng-controller directive

The AngularJS mostly used to ng-controller directive adds a controller class to the view part of the (your web application). It is the one type of key aspect which specifies portion or scope the principles behind the Model-View-Controller simple design pattern.

READ :  Angular 2 collapse and expandable Menu - Angular 2 Nested Menu

ng-controller directive is supported by all HTML elements.(Like div,p,table,h1,h3,h3,h4,h5,h6,span.etc…) A controller directive is a JavaScript(js) object containing set all attributes or all properties with functions.

AngularJS controllers as a control the data of AngularJS web applications.
AngularJS controllers are supported by regular JavaScript Objects.

AngularJs ng-controller Syntax:

[html]

[/html]

AngularJs ng-controller directive : Example

[php]



AngularJs ng-controller directive : Example


AngularJS Controller: Example

Full Verification: {{yname + ” ” + webname}}




[/php]

Two Controllers, Both with the same postname ‘postname’

[php]

{{postname}}

{{postname}} – {{$parent.postname}}


With controller as

{{parent.postname}}

{{child.postname}} – {{parent.postname}}


[/php]

pass parameters to an AngularJS controller and uses

index.html

[php]



AngularJs ng-controller directive : Example



READ :  AngularJS Modal Popup open and close from controller

AngularJS Controller: Example

I am {{name}} {{id}}



[/php]

app.js

[php]

[/php]

More Example of ng-controller directive

[php]
var app = angular.module(“myApp”, []);
app.controller(“mycontroller”, [‘$scope’,’$http’, function($scope, $http)
{
$http.get(‘js/data.json’).success (function(data){
//alert(JSON.stringify(data.orders));
$scope.jsondata = data;
});
}]
);
[/php]

View DemoView Demo

Leave a Reply

Your email address will not be published. Required fields are marked *