我想要实现的是,我根据我想要隐藏的选定值在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>
原文地址:https://codeday.me/bug/20190611/1215701.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。