Javascript 如何在Ionic 4中获取变量中的div值

我正在使用Ionic 4，我想获取div中的文本，下面是

home.page.html

<ion-item>
    <div id="Target" class="editable"  [innerHtml]="resume" contenteditable>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
      </div>
     <br>
</ion-item>

<br>
<button ion-button (click)="fetch_div()">Fetch Div Value</button>
</ion-content>

单击

获取Div值

，我想获得Div中写入的内容，Div的示例屏幕截图如下所示：

---

如何实现这一点？

使用

ElementRef

app.component.html:

<div #test>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>

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

@ViewChild("test") testdiv: ElementRef;
// For angular 8+, @ViewChild("test", {static: false}) testdiv: ElementRef;

fetch_div(){
    console.log(this.testdiv.nativeElement.innerHTML);
    console.log(this.testdiv.nativeElement.innerText);
}

---

演示：

使用

ElementRef

app.component.html:

<div #test>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>

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

@ViewChild("test") testdiv: ElementRef;
// For angular 8+, @ViewChild("test", {static: false}) testdiv: ElementRef;

fetch_div(){
    console.log(this.testdiv.nativeElement.innerHTML);
    console.log(this.testdiv.nativeElement.innerText);
}

---

演示：

导出类CreateQPage实现OnInit{@ViewChild（“测试”）testdiv:ElementRef；

预期有2个参数，但得到1@user2828442你检查过演示了吗？哪一行抛出了那个错误？把你的代码和我的代码比较一下，看看你遗漏了什么。在angular 8中，这起作用了-`@ViewChild（“test”，{static:false}）testdiv:ElementRef；`是的，它在版本8中是不同的。

export类CreateQPage实现OnInit{@ViewChild（“test”）testdiv:ElementRef；

应为2个参数，但得到1@user2828442你检查过演示了吗？哪一行抛出了那个错误？将你的代码与我的代码进行比较，看看你遗漏了什么。在angular 8中，这起作用了-`@ViewChild（“test”，{static:false}）testdiv:ElementRef；`是的，它在版本8中是不同的。