Articles → ANGULAR.JS → Ng-Init Directive In Angular.JS

Ng-Init Directive In Angular.JS

In this article I will explain about ng-init directive

Purpose

The directive ng-init initializes application variable.

Consider the following sample code

<div ng-app="" ng-init="name='sample name'">
	<p> Name:
		<input type="text" ng-model="name">
	</p>
	<p ng-bind="name"> </p>
</div>

Here we are initializing the application variable ‘name’ with ‘sample name’. Now run the application

Click to Enlarge

As you could see from the preceding screen shot how application variable is set with initial value.

Query/Feedback