Angular JS如何将值从rootcope传递到ng-model?

时间:2014-12-30 14:25:40

标签: javascript angularjs angularjs-scope rootscope

我对rootcope有对象,我想在表单输入中显示一些值。

我试过以下:

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

但这不起作用。

我应该如何将价值传递给ng-model?

感谢您的帮助。

2 个答案:

答案 0 :(得分:1)

无需将de $ root附加到变量,角度范围的流量首先在变量的本地范围内搜索,如果未找到,则在$ scope.parent中搜索属性,如果是高级别则搜索rootScope父母如果与其他任何人不匹配,那么在那里搜索。

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

在这个plnkr中查看根范围的用法

控制器:

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>

答案 1 :(得分:0)

只需使用名称,例如:

$rootScope.order.id = 3;

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