Was ist der Unterschied zwischen ng-model = "name" und ng-model = "user.name"

Question

Ich bin neu in eckigen js kann jemand mir mit diesem helfen. , was der Unterschied zwischen ng-Typ = "name" und ng-Typ = "user.name"

Answer 1

ng-model="name" zu $scope.name bezieht sich in der Steuerung definiert & ng-model="user.name" zu $scope.user.name im Regler definiert bezieht. $scope.user.name ist ein Compound Form Objekt enthält mehrere Felder und meist in Form Handling in AngularJS verwendet.

Here ist der Plunker

Answer 2

model="name" bedeutet es ein $ scope.name Variable ist selbst und ng-model="user.name" bedeutet es Name Variable in $scope.user, die für in Controller für den Zugriff auf die $scope.user.name verweisen.

Answer 3

Dies bezieht sich auf zwei Szenarien

1. Variable
2. Objekt

können wir zwei Fälle Es sei nun angenommen haben

Fall 1

var user = "user"; 
$scope.user=user; 

then you can use this in html as follows 

<div ng-model="user"></div> 

Fall 2

var user = { "name" : "user" , "email" : "user@ekiras.com"} 
$scope.user = user; 

then you can use this in html as follows 

<div ng-model="user.name"></div> 
<div ng-model="user.email"></div> 

Fall 3

var user = {"name":"user","role":{"name":"admin"}}; 
$scope.user = user; 

In this case you can refer role as follows 

ng-model="user.role.name" 

So ist der Hauptunterschied, was Sie sich beziehen ist, was $scope bezieht.

Answer 4

ng-model="name" bezieht sich auf Ihre Controller-Variable $scope.name in der Steuerung. Sie können auf die Updates in der Variablen name in der Ansicht über $scope.name von der Steuerung aus zugreifen.

Während ng-model="user.name" auf zwei Optionen bezieht sich zunächst ist der Controller ein Objekt namens user in ihrem Umfang sagen $scope.user = {} und das Objekt hat eine Eigenschaft name das heißt, in dem Controller wird es wie $scope.user={name: 'YourName'} sein. Die zweite Option ist, dass Sie die controllerAs Syntax von angular verwenden und Ihr Controller als user in Ihrem Routenanbieter bezeichnet wird.

Sie können mehr über ControllerAshere

Answer 5

ng-model="name" finden, bindet Feld mit $ scope.name, die in der Steuerung definiert. Manchmal kann dev'plr eine Anforderung haben, ein Feld an den Parameter eines Objekts zu binden. ng-model="user.name" Hier 'Benutzer' Objekt und Name ist Parameter des Benutzers, die in der Steuerung als $ scope.user.name definiert. Meistens verwendet, um alle Felder eines Formulars in ein einzelnes Objekt zu verweisen ..... in Anglr ....