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.
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 Controller: Example
[/php]
Two Controllers, Both with the same postname ‘postname’
[php]
{{postname}}
With controller as
{{parent.postname}}
[/php]
pass parameters to an AngularJS controller and uses
index.html
[php]
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]