Angular JS how to pass value from rootscope into ng-model?

Question

I have object into rootscope and i would like to display some values in form inputs.

I tried following:

  <input type="number" ng-model="$root.order.id"  class="form-control" id="orderNumber" />

But this is not working.

How i should pass value into ng-model?

Thanks for any help.

Jesús Quintana · Accepted Answer · 2014-12-30 15:07:45Z

1

No need of attach de $root to the variable, the flow of scope in angular is first search in the local scope for the variable, if not found search the property in $scope.parent, and the rootScope if the high level of parent if not match with any else, then search there.

http://plnkr.co/edit/3ENyPRwrFq5ssR2uLtQy

In this plnkr look the usage of the root scope

Controller:

app.controller('MainCtrl', ["$scope", "$rootScope", function($scope, $rootScope) {
  $rootScope.varRoot = {
    element: "Jesús"
  };
}]
);

HTML:

 <body ng-controller="MainCtrl">
    <p>Hello {{varRoot.element}}!</p>
    <input type="text" ng-model="varRoot.element">
  </body>

answered Dec 30, 2014 at 15:07

Jesús Quintana

1,81313 silver badges18 bronze badges

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

Comments

tymeJV · Accepted Answer · 2014-12-30 14:26:59Z

0

Just use the name, ex:

$rootScope.order.id = 3;

<input type="number" ng-model="order.id"  class="form-control" id="orderNumber" />

answered Dec 30, 2014 at 14:26

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Collectives™ on Stack Overflow

Angular JS how to pass value from rootscope into ng-model?

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