Question

我正在寻找从html模板访问div的方法我在html中有这个

<div #postStatus contenteditable="true" class="form-control" placeholder="" (keyup)="postForm.value.content=postStatus.innerText"></div>

现在我需要访问该值以在函数中重置它，该值将此值转换为我发送请求的const。我试过这个

postStatus.innerText = null;

但是这给了我错误：

ERROR ReferenceError: postStatus is not defined

有没有正确的方法从我的component.ts文件中访问该值？并且还有不同的文字，哪个人看到，哪个实际提交（必须是@ [mongoose object id]，但是用户需要看到他们从开始写@ +大写的时候的名单中选出的人的名字和姓氏，但如果他们不挑选，但即使用@写姓名也必须显示他们所写内容的确切文字）

Answer 1

这样的事情应该有效：

 import { Component, ElementRef, ViewChild} from '@angular/core';

   class SomeCmp {
      @ViewChild("postStatus") postStatus : ElementRef;

      reset(){
        this.postStatus.nativeElement.innerText = "";

      }
    }

<强> Demo

如何访问角度组件内的可编辑div

1 个答案: