Angular 角度ngif模板参考

Angular 角度ngif模板参考,angular,angular5,angular-forms,angular-template,Angular,Angular5,Angular Forms,Angular Template,我有一个ngif-else条件来显示#input1或#input2 然后,ngif中包装的一组字段#fieldset,条件是#input1或#input2使用模板引用具有值 这会失败,因为“隐藏”了#input1和#input2 我不想在if和else块中重复#fieldset。 我是否可以在不创建包含#fieldset中字段的新组件的情况下执行此操作?使用字段集创建一个指令,然后在if和else部分中使用该指令。这样,您就不会重复代码。尽管@ashfaq.p建议的方法是可行的,但我相信它引入了

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

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

这会失败,因为“隐藏”了
#input1
#input2

我不想在if和else块中重复
#fieldset

我是否可以在不创建包含
#fieldset
中字段的新组件的情况下执行此操作?

使用字段集创建一个指令,然后在
if
else
部分中使用该指令。这样,您就不会重复代码。

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

一个更简单的解决方案是Angular docs中推荐的组件方法,以保持模板表达式的简单