Contenteditable div ,获取表单值选项 angular7

Posted

技术标签:

【中文标题】Contenteditable div ,获取表单值选项 angular7【英文标题】:Contenteditable div , get form value options angular7 【发布时间】:2019-10-09 17:19:11 【问题描述】:

我在输入内容时可以得到真/假吗? 我必须使用 *ngIf 选项显示/隐藏提交按钮?

当我使用表单时,我们使用这个form.controls['name'].dirty 它应该是真或假

我的代码 stackblit

<h5 contenteditable="true"(input)="issueTitle=$event.target.textContent" #titletag>Test </h5>
<button *ngIf="">submit</button>

【问题讨论】:

(ngModelChange)[(ngModel)]? 不明白 你能再解释一下你的要求吗? 【参考方案1】:

你可以这样试试。

HTML

<h5 contenteditable="true" (keyup)="onKey($event)"> Test </h5>
<button *ngIf="isSubmitShow">submit</button>

TS

isSubmitShow: boolean = true;
onKey(data) 
 this.isSubmitShow = !this.isSubmitShow;

【讨论】:

以上是关于Contenteditable div ,获取表单值选项 angular7的主要内容,如果未能解决你的问题,请参考以下文章

如何在 IE 的 contentEditable div 中获取选定的文本节点?

如何在 IE 的 contentEditable div 中获取选定的文本节点?

如何使用 html 子元素在 contenteditable div 中获取插入符号位置?

重要重要如何在div是contentEditable=true的里面获取光标的位置,并在光标位置处插入内容。焦点位置插入指定内容

如何让 div 可编辑

Contenteditable Div - 根据 innerHTML 位置的光标位置