Angular嵌套FormGroup值的*ngIf失效问题求助

首先，咱们先梳理下你的表单结构：这是一个嵌套的FormGroup，osnovne是外层表单里的子表单组，sekcija是它下面的控件。你之前的两种写法没生效，大概率是表单值的获取方式或者vozila的引用方式有问题，我给你几个可行的解决方案：

方案1：用FormGroup.get()方法（推荐） #

get()方法支持用点路径直接获取嵌套控件的值，还能配合安全导航操作符?.避免空值报错，写法最简洁：

*ngIf="postForm.get('osnovne.sekcija')?.value === vozila"

注意：如果vozila是一个字符串字面量（比如你要匹配的是字符串"vozila"），那要给它加单引号：

*ngIf="postForm.get('osnovne.sekcija')?.value === 'vozila'"

方案2：通过控件层级访问 #

如果你更习惯逐层访问控件，也可以这样写（你的初始化代码已经创建了所有表单组，所以不会有层级不存在的问题）：

*ngIf="postForm.controls.osnovne.controls.sekcija.value === vozila"

同样，如果vozila是字符串字面量，记得加引号。

额外检查点 #

1. 确保vozila是组件类里的公共变量（如果是变量的话），这样模板才能访问到。比如组件里要这么定义：

public vozila = 'your-target-value'; // 或者对应的常量

2. 可以在模板里临时加个调试输出，看看sekcija的实际值是什么，方便排查：

<!-- 临时调试用，确认值是否正确 -->
{{ postForm.get('osnovne.sekcija')?.value }}

这样调整后，你的*ngIf应该就能正常生效啦。

内容的提问来源于stack exchange，提问作者urosbelov