Angular-Formly 我可以在表单中呈现 html 吗？ （带范围变量）

Question

我有一个基于行的模板，我需要在我的表单中显示计算结果。该值存储在视图模型变量 calc.

简单的 html 元素方法不起作用，

{
    key: 'html',
    template: '<div>' +
    'Hello the value  is {{vm.calc}}' +
    '</div>'
}

有什么建议吗？

Answer 1

创建类似于

的类型

    formlyConfigProvider.setType({
        name: 'calculationResult',
        template: "<div>Hello the value  is {{to.calc}}</div>",
        wrapper: ['bootstrapLabel']
    });

然后将其作为一个字段添加到您的表单中

{
    key: 'taskList',
    type: 'calculationResult',
    templateOptions: {
      label: 'Calculation Result',
      calc: ''
    },
    controller: function ($scope) {
      $scope.to.calc = $scope.model.c * $scope.model.b;
    }
}

我没有看到任何其他更好的方法来使计算显示为普通字段值。