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" />