Schwierigkeiten mit ng-Modell, ng-Wiederholung und Eingaben

Question

Dec 05, 2012, 02:23 AM

angularjs-ng-repeat angularjs angularjs-ng-model

Schwierigkeiten mit ng-Modell, ng-Wiederholung und Eingaben

Ich versuche, dem Benutzer das Bearbeiten einer Liste von Elementen mithilfe von zu ermöglichenngRepeat undngModel. (Sehen Sie diese Geige.) Beide Ansätze, die ich ausprobiert habe, haben jedoch zu einem bizarren Verhalten geführt: Der eine aktualisiert das Modell nicht und der andere verwischt das Formular bei jedem Tastendruck.

Mache ich hier etwas falsch? Ist dies kein unterstützter Anwendungsfall?

Hier ist der Code von der Geige, der der Einfachheit halber kopiert wurde:

<html ng-app>
    <head>
        <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet">
    </head>
    <body ng-init="names = ['Sam', 'Harry', 'Sally']">
        <h1>Fun with Fields and ngModel</h1>
        <p>names: {{names}}</p>
        <h3>Binding to each element directly:</h3>
        <div ng-repeat="name in names">
            Value: {{name}}
            <input ng-model="name">                         
        </div>
        <p class="muted">The binding does not appear to be working: the value in the model is not changed.</p>
        <h3>Indexing into the array:</h3>
        <div ng-repeat="name in names">
            Value: {{names[$index]}}
            <input ng-model="names[$index]">                         
        </div>
        <p class="muted">Type one character, and the input field loses focus. However, the binding appears to be working correctly.</p>
    </body>
</html>