如何在ngx-formly上使用隐藏表单元素懒惰触发级联

Question

在ngx-formly中，cascading example默认显示这些级联select。所以初始化观察者的钩子起作用了。

在我的例子中，我有更复杂的设计。我想隐藏这些选择，并根据用户的选择显示它们。

但是这样一来，当表单被初始化时，sportControl表单控件就是空的。无法设置valueChanges上的这些观察者。

hooks: {
        onInit: field => {
          ...
          const sportControl = this.form.get('sport');
          field.templateOptions.options = sportControl.valueChanges.pipe(
           ...

有什么建议吗？

Answer 1

使用hideExpression根据模型值或一些外部表达式来控制每个基础的可见性。下面是一个开始示例：

• https://stackblitz.com/edit/angular-qxpbyc?file=src/app/app.component.ts