Ng-model ile zorluk ng-repeat giriş

SORU

5 Aralık 2012, ÇARŞAMBA

Ng-model ile zorluk ng-repeat giriş

Kullanıcı ngRepeat ngModelkullanarak öğelerin listesini düzenlemek için izin vermek için çalışıyorum. (*.*7) Ancak, her ikisi de garip davranışlara yol denedim yaklaşımlar: model güncelleme yok, ve diğer her kapatıyorsa formu bulanıklaştırır.

Yanlış bir şey yapıyor buradayım? Bu, desteklenen bir senaryo değildir?

Burada keman, kolaylık için kopyalanan kodu:

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

CEVAP

5 Aralık 2012, ÇARŞAMBA

Bu bağlayıcı bir sorun gibi görünüyor.

Tavsiye don't bind to primitives.

Nesne üzerinden yineleme gereken bir koleksiyon, içinde ngRepeat dizeleri içinde dolaşmak. Sorununuzu çözmek için

<body ng-init="models = [{name:'Sam'},{name:'Harry'},{name:'Sally'}]">
    <h1>Fun with Fields and ngModel</h1>
    <p>names: {{models}}</p>
    <h3>Binding to each element directly:</h3>
    <div ng-repeat="model in models">
        Value: {{model.name}}
        <input ng-model="model.name">                         
    </div>

jsfiddle: http://jsfiddle.net/jaimem/rnw3u/5/

Bunu Paylaş: