Question

我的表格如下：

<div *ngIf="formLabel" style="padding: 0 16px">
            <md-input [(ngModel)]="label.Name" placeholder="Label name" style="width: 100%">
            </md-input>
        </div>
        <md-list-item *ngFor="let label of labels">
            <h3 md-line>
                <md-icon class="fa fa-tag" fontSet="fa" fontIcon="fa-tag" (click)="openFormLabel(label)"></md-icon>
                <a routerLink="/label/{{label.Id}}">{{label.Name}}</a>
            </h3>
</md-list-item>

当我输入md-ipnut时，如何禁用{{labe.Name}}自动绑定文本？

Answer 1

为此，使用单向绑定，例如，

[ngModel]="label.Name"

更新：

如果您打算在完成输入后更新 label.Name 值，则可以使用模糊事件，如此处所示单向绑定

<form #f='ngForm' (ngSubmit)="onSubmit(f.form)">

          <input (blur)="changeValue(f.form)"   //<<<===here
                 type="text" #Name="ngModel"      
                 [ngModel]="label.Name" 
                 name="Name" >
</form>


export class AppComponent {

       label={};

        onSubmit(f){
          console.log(f.controls.Name.value)
        }
        changeValue(f){
            this.label.Name=f.controls.Name.value;
        }

}

演示：https://plnkr.co/edit/D317OeHapT9m4DxgGvO1?p=preview

如何在角度2中禁用键盘环回？

1 个答案: