有没有办法做一些非输入表单元素的ng模型？

Question

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

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

我想将其存储到变量

中

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

我这样做的问题是我得到：

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

这不可能/避免吗？或者有一个好方法吗？

注意：我要查找的结果是一个包含div中整个字符串的变量：＆＃34; STRING RESULT {{textfield1}} - {{textfield2}} - 3 {{textfield3}}＆＃ 34;

Answer 1

您可以使用ViewChild访问div的内部HTML。

请参阅此plunker

我使用doCheck生命周期自动更新结果。 doCheck在实际呈现HTML之前发生，因此您必须将刷新包装在异步闭包中。只需拨打setTimeout，无需任何计时器即可。

我不是使用setTimeout黑客的忠实粉丝。我认为你可以注入changeDetector并手动调用changeDetection。但是在doCheck中调用changeDetection会产生副作用。