angular-formly - Angular-Formly - fieldGroup 生成表单的 ng-if 问题

Question

如果我正在使用 fielGroups 并且我将 ng-if 添加到 formly-form 标记，则不会显示由 fieldGoups 生成的表单（因为如果父 ng-if 测试失败）

这是 jsbin：http: //jsbin.com/zufubo/edit

谢谢你的帮助

Answer 1

啊! 所以要做的一件事fieldGroup是他们将所有属性从父级formly-form复制到他们自己的（嵌套）上formly-form。所以发生的事情是ng-if被复制。所以解决方案是把它ng-if放在一个包装元素上。表格就足够了。像这样：

<form ng-submit="vm.onSubmit()" name="vm.form" novalidate  ng-if="vm.fields.length">
  <formly-form model="vm.model" fields="vm.fields" options="vm.options" form="vm.form">
    <button type="submit" class="btn btn-primary submit-button" ng-disabled="vm.form.$invalid">Submit</button>
    <button type="button" class="btn btn-default" ng-click="vm.options.resetModel()">Reset</button>
  </formly-form>
</form>