Javascript 单击角表单中的其他字段时绑定到表单字段的模板

我一直在使用一个表单，它有一个显示动态HTML的部分，我使用了模板字段，在加载时初始化HTML。当我单击其他字段值时，我需要更改此HTML，但是值更改已分配但未反映在HTML UI中，我已为该场景创建了stackblitz示例：

请查找以下代码段：

初始化的HTML值如下：

htmlValue = '<p>test</p>';

{ template : this.htmlValue }

单击“提交”按钮时，指定的HTML应为预期输出：

htmlValue = '<p>test</p>';

{ template : this.htmlValue }

this.htmlValue=`

每位板球运动员的最大花费：
小吃：
$15.00
早餐：
$25.00
午餐：
$45.00
`;

---

如何实现此输出？

我将使用一个简单的代码来解释您的问题

设a=4；
设b={a}
a=8；
console.log（{a}）
console.log（{b}）

感谢您澄清概念并提供解决方案，但在我的情况下，我无法将getter应用于整个FormlyFieldConfig，因此可以有其他方法访问formly的字段并进行设置。请参阅我的更新，这也可能是感谢Owen提供的解释和演示示例，这有助于我理解字段值的设置和getter的重要性