Angular Formly - 页面加载时的HideExpression

时间:2015-09-04 18:05:07

标签: angularjs angular-formly

我的表单上有很多字段。当用户在下拉列表中更改所选值时,每个字段上都会显示hideExpression,根据用户选择的内容显示/隐藏字段。目前工作正常。

但是,我试图将下拉默认设置为select中的第一个选项。这也很好。

我的问题是在加载屏幕时没有触发所有hideExpression逻辑。因此,选择是正确的默认值,但是没有与该选项一起使用的字段(应该显示)可见。

如果我手动更改下拉值,则所有内容都会正确显示。有没有办法让hideExpression逻辑被启动,即使选择是通过代码默认的?

这是我的问题的JSBin:http://jsbin.com/doliyiruza/edit?js,console,output

页面默认为Option2。然而,只要选择了Option2,就会显示一个隐藏字段。因此,如果您将下拉菜单更改为Option1然后再返回选项2 ...您将看到隐藏字段。如果默认情况下将下拉列表设置为某个值,则隐藏/显示逻辑似乎不会被启动。

1 个答案:

答案 0 :(得分:1)

我不能100%确定你为什么没有工作,但查询控制器中的DOM是一个非常糟糕的主意。此外,角度形式有意地试图使字段ID不确定,所以你不能这样做(应该使它更随机)。以下是我认为你想要完成的事情:http://jsbin.com/bifaza/edit?js,console,output