angularjs - 使用 Angular-formly 时动态添加指令

Question

添加一些指令的最佳方法是什么，例如ng-focus-if使用 angular-formly 时有条件地访问表单的输入元素使用自定义模板？

我想这样使用它:

$scope.formFields = [
  {
    key: 'email',
    type: 'input',
    templateOptions: {
      type: 'email',
      placeholder: 'Your E-Mail address',
      required: true,
      focusIf: 'some-expression' // <--- optional directive configuration here
    }
  }
];

这个想法是仅在实际提供配置选项时应用该指令。

Answer 1

您可以使用 ngModelAttrs 将 angular-formly 属性与 ng-focus-if 属性或任何其他自定义属性组合起来。

在你的情况下，你的代码应该是这样的:

 $scope.formFields = [ {
        key: 'email',
        type: 'input',
         ngModelAttrs: {
              focusIf: {
                attribute: 'focus-if'   //directive declaration
              }
            },
        templateOptions: {
          type: 'email',
          placeholder: 'Your E-Mail address',
          focusIf: '', //directive default value
          required: true           
        }       
      }]

这是一个working demo这可以帮助你: