How to initialize multiple application variables in angular js

Question

Hi I need to know how to initialize multiple application variables in angularjs..

Here what I have done..

<div ng-app="" ng-init="firstName='John'" ng-init="secName='Carter'">
    <div>
        Name is 
    <div ng-bind="firstName +' ' + secName"></div>
    </div>

</div>

But I can't get the correct output of "John Carter"

Kalhan · Accepted Answer · 2014-10-30 06:25:42Z

8

do it like this,

<div ng-app="" ng-init="firstName='John';secName='Carter'">

answered Oct 30, 2014 at 6:25

Kalhan

21.9k8 gold badges71 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Lokesh · Accepted Answer · 2014-10-30 06:29:17Z

1

You can call a scope function in ng-init

<div ng-app="MyApp" ng-init="initialise()">
    ...
</div>

In your corresponding controller, you can initialise all your scope variables.

$scope.initialise = function() {
   $scope.firstName = 'John';
   $scope.secName = 'Carter';
}

answered Oct 30, 2014 at 6:29

Lokesh

5824 silver badges13 bronze badges

Collectives™ on Stack Overflow

How to initialize multiple application variables in angular js

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related