像 WPF 中的多个 DataContexts 一样，angularjs 是否支持这种方法？

Question

有时在 WPF(MVVM) 中会发生 UI 控件 (View/Xaml) 有两个 DataContexts，这就是我们在执行绑定表达式时使用 ElementName 属性的原因，因此我们从所需的 DataContext 中选择 Binded 属性。

我的问题是：Angularjs 有这种情况吗？我的意思是同一个 UI 元素（Html 标签）的两个范围或 datacontexts/ng-models（随便）。

Answer 1

$scope 变量等效于 .NET DataContext，用于建立相应 HTML 标记中使用的任何数据绑定表达式的根：

function UserController($scope) {
   $scope.currentUser = {
      firstName: "John",
      lastName: "Doe"
   };
}

function DocumentController($scope) {
   $scope.document = {
      title: "My Document",
      pageCount: 123
   };
}

要将某个控制器与 HTML 片段相关联，您必须为其添加 ng-controller 属性以引用所需的控制器。

<div ng-app ng-controller="UserController">
    First Name: <input type=text ng-model="currentUser.firstName"> <br>
    Last Name: <input type=text ng-model="currentUser.lastName"><br>
    Full Name: {{currentUser.firstName}} {{currentUser.lastName}}
</div>

<div ng-app ng-controller="DocumentController">
    Title: <input type=text ng-model="document.Title"> <br>
    Page Count: <input type=text ng-model="document.pageCount"><br>
</div>