Angular ngif模板参考

时间:2018-04-17 08:02:30

标签: angular angular5 angular-forms angular-template

我有一个ngif - else条件来显示#input1#input2

然后,一组字段#fieldset包含在ngif中,条件是#input1#input2使用模板引用具有值。

这失败为ng-if creates its own subtemplate,"隐藏" #input1#input2

我不想在if和else块中重复#fieldset。 我是否可以在不创建包含#fieldset中的字段的新组件的情况下执行此操作?

2 个答案:

答案 0 :(得分:0)

使用fieldsets创建一个指令,然后在ifelse部分中使用该指令。这样,您就不会重复代码了。

答案 1 :(得分:-1)

尽管@ ashfaq.p提出的方法是可行的,但我认为它引入了太多的复杂性,因为#fieldset中的字段会影响表单的有效性。

更简单的解决方案是Angular文档中建议的组件方法,以保持模板表达式的简单。