javascript – * ngif首次点击后无效. Angular 6

我想要实现的是,我根据我想要隐藏的选定值在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>

* ngIf在我第一次切换时会产生影响,但之后却没有.未检测到更改.

我甚至尝试设置样式的可见性属性以及[hidden]指令但得到了相同的结果.

我甚至尝试过改变方法,但结果没有变化.

版本信息：

"@angular/core": "^6.1.6",
"@angular/forms": "^6.1.6",

这两个控件都是’ngForm’形式.

解决方法:

另一种方法是为每个选项附加[ngValue]指令.

<select type="text" class="form-control" id="managedServiceInfo" name="managedInfo" [(ngModel)]="managed">
    <option [ngValue]="false">False</option>
    <option [ngValue]="true">True</option>
</select>