javascript - className 属性可以在形式上是动态的吗

Question

有没有办法使表单的字段的 className 动态化？

我希望字段的类名根据变量进行更改。

例如 if vm.isTrue == truethen className: 'col-xs-2', else 'col-xs-5'。

我试过这个：

{
    className: 'col-xs-2',
    key: 'maintenanceYN',
    type: 'input',
    templateOptions: {
          disabled: vm.locked
    },
    expressionProperties: {
          'className': function() {
                   if(vm.isTrue == true) {
                        return 'col-xs-2'
                   } else {
                        return 'col-xs-5'
                   }
           }
     }
}

标签： javascriptangularjsangular-formly

Answer 1

您是否尝试过将条件直接放在 className 属性中，例如：

{
    className: vm.isTrue ? 'col-xs-2' : 'col-xs-5',
    key: 'maintenanceYN',
    type: 'input',
    templateOptions: {
          disabled: vm.locked
    }
}