Question

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

<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
    ...
   ],

Angular 2：从组件类中清除textarea

1 个答案: