角度 ngif 模板参考

Question

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

然后将一组字段 #fieldset 包装在一个 ngif 中，条件是 #input1 或 #input2 具有使用模板引用的值。

这失败了ng-if creates its own subtemplate，“隐藏”#input1 和#input2。

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

Answer 1

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

Answer 2

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

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