Angular 有没有办法对非输入表单元素进行ng建模？

我有一个有50个字段的表单。我想向用户预览他们在我的模板的表单中键入的内容，如下所示：

<div> STRING RESULT {{textfield1}} - {{textfield2}} - 3 {{textfield3}}</div>

这是不可能的吗？还是有一个好的方法可以做到这一点

---

注意：我寻找的结果是一个包含div中整个字符串的单个变量：“string result{{{textfield1}}-{{textfield2}-3{{textfield3}”

您可以使用

ViewChild

访问div的内部HTML

看到这个了吗

我使用

doCheck

生命周期自动更新结果。doCheck在实际呈现HTML之前发生，因此您必须将刷新封装在异步闭包中。只需调用

setTimeout

而不使用任何计时器即可完成此操作

---

我不太喜欢使用

setTimeout

hack。我认为您可以注入changeDetector并手动调用changeDetection。但是在doCheck中调用changeDetection可能会产生副作用。

文本字段是什么样子？…为什么不在组件中编写：

GetMyResultModel（）{return“STRING RESULT”+textfield1+“-”+textfield2+“-3”+textfield3；}

并编写

{GetMyResultModel（）}

在您的部门？这并不能回答问题。我希望组件中有一个变量包含整个字符串“string RESULT{{myresultmodel.textfield1}}-{{myresultmodel.textfield2}-3{{myresultmodel.textfield3}”，原样。哦，对不起，我不理解这个问题

<div [(ngModel)]="myresultmodel"> STRING RESULT {{textfield1}} - {{textfield2}} - 3 {{textfield3}}</div>

ERROR Error: No value accessor for form control with unspecified name attribute