Angular 2+在app.component.ts方法中使用jQuery的append替代

Question

我使用的是Angle 7，我的app.component.html文件上有一个textarea。 我给它提供了一个ID。 在我的app.component.ts上，我有一个方法，我想在我的文本区域中添加一个字符串。 所以我有这个：

1

我该怎么做？

Answer 1

您正在用jQuery进行思考，而您应该以角度进行思考。将textarea视为变量。当有人更新文本区域时，变量也会同时更新，并且向后更新-如果变量更新，则文本区域也会更新。

您可以使用ngModel将变量绑定到输入或文本区域。然后，将字符串附加到变量中，它将更新文本区域。

// app.component.html
  <textarea id="ta" [(ngModel)]="textareaValue"></textarea>

// app.component.ts
  public textareaValue: string;
  mymethod() {
    this.textareaValue = "this text was appended";
  }

不要忘记在应用程序模块（here you can see how）中包含FormsModule