Angular ng controller directive Example

Rate this post

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 :  C# Dynamically n numbers Sum

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 push object into array first index - angularjs unshift Examples

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.