angular
  • angular2-template
  • angular2-forms
  • 2016-04-26 11 views 0 likes 
    0

    Hier ist ein Beispielcode:Angular2 Bidirektionale Daten unverbindlich Arbeits

    var SampleComponent7 = ng.core.Component({ 
        selector: "sampleseven", 
        template: "<input [(value)]='name' /><input (click)='clicked()' value='Click here' type='submit' />" 
    }).Class({ 
        constructor: function(){ 
         this.name = ""; 
        }, 
        clicked: function(){ 
         alert(this.name); 
        } 
    }) 
    

    Die Warnmeldung erscheint immer leere Zeichenkette drucken, auch wenn ich einen Wert in das Eingabefeld eingeben. Fehle ich etwas?

    var SampleComponent7 = ng.core.Component({ 
        selector: 'sampleseven', 
        template: '<input [(ngModel)]="name" /><input (click)="clicked()" value="Click here" type="submit" />' 
    }).Class({ 
        constructor: function(){ 
        this.name = ""; 
        }, 
        clicked: function(){ 
        alert(this.name); 
        } 
    }); 
    

    Sehen Sie diese plunkr: https://plnkr.co/edit/PevjoFUasncybPGnVkU0?p=preview

    Antwort

    0

    würde ich folgendes mit [(ngModel)] statt [(value)] verwenden.

    +0

    Scheint nicht zu funktionieren –

    +0

    Sie müssen stattdessen 'ngModel' verwenden ... Ich habe meine Antwort aktualisiert. –

    +0

    Es funktioniert, wenn ich angular2-all.umd.dev.js verwende, aber nicht, wenn ich angular2-all.umd.min.js verwende. Irgendein Grund warum? –

    Verwandte Themen