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

时间:2015-11-03 10:53:29

标签: angular-formly

如果我正在使用fielGroups并且我在formly-form标签中添加ng-if,则不会显示fieldGoups生成的表单(因为如果父ng-if测试失败)

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

谢谢你的帮助

1 个答案:

答案 0 :(得分:2)

啊!所以fieldGroup做的一件事就是将父formly-form中的所有属性复制到他们自己的(嵌套的)formly-form上。所以发生的事情是ng-if被复制了。所以解决方案是将ng-if放在包装元素上。表格就足够了。像this

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