AngularJS：ng-模型不更新对象，但更新对象中的字段[重复]

Question

我正在与AngularJS项目工作，我有以下问题。我有个密码：

form.html：

<form>
  <input ng-model="someVariable" type="text"/>
</form>

<div ng-include="'form.html'"></div>
{{ someVariable }}

angular.module('SomeModule')
  .controller('DetailsController', function ($scope) {
  $scope.someVariable = {};
});

使用这段代码，someVariable不会显示，但当我将ng-model更改为someVariable.SomeField时，我试图显示它...管用！有人能解释一下为什么吗？

Answer 1

是-somevariable是一个原语(Boolean、null、undefined、number、string、symbol(eCMAScript6))。当Angular搜索一个要插值的变量时，如果在范围内没有找到它，那么只有当该变量不是一个原语，比如一个对象时，才可以在原型链中查找。

ng-include创建一个新的作用域，而您的变量是一个原语，因此找不到它。

当您将它放在对象下时，在ng-include创建的新子作用域中找不到该对象，但在父作用域中搜索该对象，然后找到并呈现父作用域。

有关更详细的信息，请阅读了解范围。