zwei-Wege-Bindung funktioniert nicht mit ng-repeat

Habe ich eine einfache ng-repeat-Liste, in die ich mich zuordnen aktuelle Listenelement mit dem Wert einer anderen Eigenschaft auf dem controller wie folgt:

  <li ng-repeat="num in list">
    <input type="text" ng-init="value = num" ng-model="value" />
    <button type="button" class="btn btn-primary" ng-click="save()">Save</button>
  </li>

Aber wenn ich auf den Speichern-button, den ich erhalten default-Wert für $Umfang.Wert. Ich erwarte, dass der Wert für die insbesondere die Eingabe von text angezeigt werden.

Hier ist der controller:

 angular.module('myApp', [])
    .controller('MyController', function($scope){
      $scope.value = false;
      $scope.list = [0, 1, 2, 3, 4];

      $scope.save = function() {
         alert($scope.value);
      }
    });

Wie kann ich den Zugriff auf die aktualisierten Wert von einem input-Element in meinem controller auf "speichern" - Funktion aufrufen.

Hier ist die plunker für das gleiche: plnkr

Update: ich gehe davon aus, dass der Wert geholt werden, um controller, ohne es als parameter übergeben.

ngRepeat Ihren eigenen Bereich erstellt.
Okay, so, wie Sie den Wert abrufen.
Sie können pass " - Wert zu speichern-Funktion, wie ng-click="save(value)" übernehmen Sie die parameter und führen Sie dann die operation
Ich kann das tun, aber dass trotzt der zwei-Wege-Bindung Zweck.
dann nutzen Sie ng-model="$parent.value"
Ihre plunkeris nicht aktualisiert

InformationsquelleAutor jsbisht | 2015-03-25

10

Wow ich kann nicht glauben, die meisten Leute haben gefehlt. Wenn Sie mit Angular 1.2, dann sollten Sie definitiv check out track by keyword in Ihrer ngRepeat-Direktive.
```
<li ng-repeat="num in list track by $index">
    <input type="text" ng-model="list[$index]" />
    <button type="button" class="btn btn-primary" ng-click="save()">Save</button>
</li>
```
Bottom line ist es bleiben Sie Weg von primitiven Typen beim binden da es Ihnen sync-Probleme.

Fellas bitte setzen mehr Zeit und Mühe in die Erforschung Ihrer Lösungen, statt einfach nur posten um Punkte.

Hoffe, das hilft!

InformationsquelleAutor AvetisG

ngRepeat einen Bereich erstellen, also Objekt als Verweis übergeben wird und die Anzahl von Wert.
Dein code ist problematisch, wenn Sie erfolgreich den Wert aktualisieren, erfolgt die Aktualisierung alle zahlen, in ng-repeat. Sie können dies tun:

html

    {{value.val}} <!-- for check the value -->
<li ng-repeat="num in list">
    <input type="text" ng-model="num" />
    <button type="button" class="btn btn-primary" ng-click="value.val=num">Save</button>
  </li>

javascript

angular.module('myApp', [])
    .controller('MyController', function($scope){
      $scope.value = {val:false};
      $scope.list = [0,1,2,3,4];
});

http://jsfiddle.net/oq6zdeLd/

Tut mir Leid wegen mein Deutsch...

InformationsquelleAutor Elad

0

hier ist es, wie Sie tun können, dass
```
<li ng-repeat="num in list">
    <input type="text" ng-init="value = num" ng-model="value" />
    <button type="button" class="btn btn-primary" ng-click="save(value)">Save</button>
  </li>


angular.module('myApp', [])
    .controller('MyController', function($scope){
      $scope.value = false;
      $scope.list = [0, 1, 2, 3, 4];

      $scope.save = function(argument) {
         $scope.value = argument;
         alert($scope.value);
      }
    });
```
- Ich gehe davon aus, dass der Wert abgerufen werden, den controller ohne die übergabe eines parameter tatsächlich.
- nach mir, dies ist nicht die Idee hinter der Datenbindung.Ein controller-job mit Bezug zum Winkel ist, um Funktionen und Eigenschaften, die für die Ansicht verwenden können.bitte wenden Sie sich mit diesem link
- In diesem Fall müssen Sie dont pass " - Wert als argument. 'eckig.module('myApp', []) .controller('MyController', function($scope){ $scope.Wert = false; $scope.Liste = [0, 1, 2, 3, 4]; $Umfang.getValue = function(){ $scope.ValuetoSave= $scope.Wert; } $Umfang.save = function() { alert($Umfang.ValuetoSave); } $scope.$Uhr('$scope.Wert', $Umfang.computeNeeded); });
InformationsquelleAutor Harpreet Singh
0

Können nicht missbrauchen die expression "2-Wege-binding" 😉

Dem controller hat man Spielraum und es gibt nur eine $scope.value in diesem Bereich. Sie können nicht Kraft ist, um mehrere Werte gleichzeitig.

ng-repeat schafft neuen Spielraum für jeden li. Und selbst wenn Sie versuchen, verwenden Sie $parent.value, controller $scope.value wird nur der Letzte zugewiesene Wert in ng-init

Du am besten in diesem Fall übergeben Sie den Wert als argument. Hoffe, das half zu erklären, das Problem ein wenig mehr. Korrigieren Sie mich, wenn ich falsch bin.

InformationsquelleAutor Brian

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.