[英]Bootstrap/Angular dropdown not working in IE11
This is a simple drop down, but in IE11 you cannot see the chosen menu item.这是一个简单的下拉菜单,但在 IE11 中您看不到所选的菜单项。 Do you know any workarounds?你知道任何解决方法吗?
<div class="form-group program-container">
<select class="form-control container-fluid" (change)="onChooseMenuItem($event)" [(ngModel)]="ngrxActiveMenuItem">
<option class="selected-class" selected disabled>{{ngrxActiveMenuItem}}</option>
<option *ngFor="let menuItem of ngrxMenuItems, let i = index"
value={{i}}>
{{menuItem.programName}}
</option>
</select>
</div>
this is the top component:这是顶级组件:
<div class="container home-container">
<div class="row mb-3">
<div class="col-sm-6 mb-2">
<div class="card border-left-primary shadow-sm py-2 h-100">
<div class="card-body pt-2 pb-2">
<div class="row no-gutters align-items-center">
<div class="col-sm-6 text-xs font-weight-bold text-primary text-uppercase mb-1">
Programs:
</div>
<div class="col-sm-6 mt-3">
<app-program-dropdown></app-program-dropdown>
</div>
</div>
</div>
</div>
</div>
try adding [selected] instead of what you have:尝试添加 [selected] 而不是您所拥有的:
<select>
<option *ngFor="let menuItem of ngrxMenuItems, let i = index"
value={{I}} [selected]="menuItem.programName == ngrxActiveMenuItem">
{{menuItem.programName}}
</option>
</select>
There would be a file browserslist in your project folder.您的项目文件夹中将有一个文件浏览器列表。 You may try adding IE11 in it.您可以尝试在其中添加 IE11。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.