Question

我有两个输入字段：

<input type="text" [(ngModel)]="title" name="title">
<input type="text" [(ngModel)]="og_title" name="og_title" value="{{ title }}">

我要使og_title字段等于title，直到og_title原始为止。

如何在Angular 2（角度7）中做到这一点

Answer 1

我认为如果您使用Reactive表单而不是用ngModel进行两种方式绑定会更好，但这仍然可行：

<input type="text" [(ngModel)]="title" name="title" (input)="titleChanged()">
<input type="text" [(ngModel)]="og_title" name="og_title">

并在TS文件中：

titleChanged(){
 if(<code to check if og_title is pristine>){
  this.og_title = this.title;
 }
}

将<code to check if og_title is pristine>替换为包含表单名称和输入字段原始条件的逻辑

Answer 2

您可以分配给ngModel

HTML

<input type="text" [(ngModel)]="title" name="title" (input)="assignToModel($event)">
    <input type="text" [(ngModel)]="og_title" name="og_title" value="{{ title }}">

TS：

assignToModel(event){
this.og_title = event.target.value;
}

仅当原始时，如何将输入文件附加到Angular 2中的另一个文件？

2 个答案: