Unterstützt angularjs, wie mehrere DataContexte in WPF, diesen Ansatz?

Question

Manchmal passiert es in WPF (MVVM), dass eine UI-Steuerelemente (View/Xaml) zwei DataContexts haben, deshalb verwenden wir die ElementName-Eigenschaft beim Binding-Ausdruck, so dass wir die Binde Eigenschaft aus dem gewünschten DataContext auswählen.

Meine Frage ist: Haben wir diese Situation mit Angularjs? Ich meine zwei Bereiche oder Datenkontexte/ng-Modelle (Was auch immer) für das gleiche UI-Element (HTML-Tag).

Answer 1

Die $scope Variable ist das Äquivalent eines .NET DataContext, die verwendet wird, um die Wurzel jeder Daten aufzubauen Ausdruck Bindung, die in den entsprechenden HTML-Code verwendet:

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

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

Um einen bestimmten Controller mit einem HTML zu assoziieren Fragment, müssen Sie das ng-Controller-Attribut hinzufügen, um den gewünschten Controller zu referenzieren.

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