Angular ngif 模板参考

Question

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

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

这失败了，因为 ng-if creates its own subtemplate、"hiding" #input1 和 #input2。

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

Answer 1

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

Answer 2

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

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