Angular 2：从组件类中清除 textarea

Question

我有一个带有选项列表的文本区域。如果单击选项之一并且在文本区域内按下回车键，则应将标记发送到服务器并应清除文本区域。

<ul>
<li *ngFor="let tag of tags">{{tag.tag}}</li>
<li><textarea #box (keyup)="searchTag(box.value)" (key.enter)="addTag(box.value)"></textarea>
    <ul>
        <li *ngFor="let tag of options" (click)="addTag(tag.tag)">{{tag.tag}}</li>
    </ul>
</li>

在信息发送到服务器之前或之后，如何清除文本区域？clear 命令应该从 addTag 函数调用。

Answer 1

您可以将默认值绑定到 textarea

<textarea [(ngModel)]="defaultValue"></textarea>

组件代码：

export class TaggingComponent {
    defaultValue: string = '';

    addTag(value) {
      this.defaultValue = ''; 
    }
}

确定FormsModule已导入app.module.ts

import { FormsModule } from '@angular/forms';

@NgModule({
  imports:      [ 
    FormsModule
    ...
   ],