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;
    }
}

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