Question

我正在制作一个应用程序，您应该可以在其中编辑笔记，但我是<textarea class="form-control displayNoteTextAreaD" >{{notesService.ActiveNote.note}}</textarea>-这是显示数据库中当前拥有的笔记。

<button (click)="saveNote()" class="button" >Save Note</button>

当我单击此按钮时，我想将新数据保存到变量中。

我不希望它是双向绑定。

我的组件中有一个note: String = ""

这是saveNote（）

  saveNote(){
const note =  {
  title: this.notesService.ActiveNote.title,
  note: (the new note),
  type: this.notesService.ActiveNote.type,
  voice: this.notesService.ActiveNote.voice,
  user_id: this.userServices.ActiveUser.id,
  id: this.notesService.ActiveNote.id
}
const _note: Note =  new Note(note);
console.log(_note);
this.notesService.updateUserNote(_note).subscribe(data => {
  console.log(data);
})}

Answer 1

以这种方式编辑textarea：

<textarea #tarea value="" class="form-control displayNoteTextAreaD" >{{notesService.ActiveNote.note}}</textarea>

将此添加到您的按钮：

<button (click)="saveNote(tarea.value)" class="button" >Save Note</button>

您的saveNote函数应如下所示：

  saveNote(noteValue){
const note =  {
  title: this.notesService.ActiveNote.title,
  note: noteValue, // <------
  type: this.notesService.ActiveNote.type,
  voice: this.notesService.ActiveNote.voice,
  user_id: this.userServices.ActiveUser.id,
  id: this.notesService.ActiveNote.id
}
const _note: Note =  new Note(note);
console.log(_note);
this.notesService.updateUserNote(_note).subscribe(data => {
  console.log(data);
})}

如何在角度6中将数据从HTML发送到组件中的var

1 个答案: