我想要实现的是,我在 angular6 中有一个 Select 字段,基于我想要隐藏和显示另一个 div 的选定值。
这是代码。
<div class="form-group">
<label for="servicePriviledges">Managed</label>
<select type="text" class="form-control" id="managedServiceInfo" name="managedInfo" [(ngModel)]="managed">
<option value="false">False</option>
<option value="true">True</option>
</select>
<br>
</div>
<div class="form-group" *ngIf="managed">
<label for="managerType" >Manager Type</label>
<select type="text" aria-hidden="false" class="form-control" id="managerType" name="managerType">
<option value="false">False</option>
<option value="true">True</option>
</select>
</div>
Run Code Online (Sandbox Code Playgroud)
*ngIf 在我第一次切换时确实会产生影响,但之后不会。未检测到更改。
我什至尝试设置样式的可见性属性以及 [hidden] 指令,但得到了相同的结果。
我什至尝试给出一个 on change 方法,但结果没有变化。
版本信息:
"@angular/core": "^6.1.6",
"@angular/forms": "^6.1.6",
Run Code Online (Sandbox Code Playgroud)
这两个控件都在“ngForm”表单下。