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

Question

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

我试过以下：

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

但这不起作用。

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

谢谢你的帮助。

Answer 1

不需要将de $ root附加到变量，angular中的范围流首先在变量的本地范围内搜索，如果没有找到，则在$ scope.parent中搜索属性，如果父级的高级别，则查找rootScope与其他任何东西都不匹配，然后搜索那里。

在这个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>

Answer 2

只需使用名称，例如：

$rootScope.order.id = 3;

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