[英]Angular 2 ng-class not working in IE 11
I am using angular 2 ngClass for disabling the anchor tag, this is working in google chrome but not working in IE 11. Does any one faced similar issue?我正在使用 angular 2 ngClass 来禁用锚标记,这在 google chrome 中有效,但在 IE 11 中无效。有没有人遇到过类似的问题?
<div id ="fileList" class="panel-body collapse in">
<div class="table-responsive">
<table id="uploadInvoice" class="table table-bordered table-condensed">
<thead class ="thead">
<tr>
<th class="gridHeader sortable order1" style="display:none;">File ID</th>
<th class="gridHeader sortable">File Name</th>
<th class="gridHeader sortable">Upload Status</th>
<th class="gridHeader sortable">Uploaded Date</th>
<th class="gridHeader sortable">Updated Date</th>
<th class="gridHeader sortable">Uploaded BY</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let file of fileList">
<td style="display:none;">{{file.id}}</td>
<td><a href="#fileList" data-toggle="collapse" [ngClass]="{'disabled':file.fileStatus == 'VALIDATING'}"
(click) ="getValidationSummary(file.id,file.fileName)">{{file.fileName}}</a></td>
<td>{{file.fileStatus}}</td>
<td>{{file.createdDate}}</td>
<td>{{file.modifiedDate}}</td>
<td>{{file.createdBy}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
I resolved it by using *ngIf instead of ngClass.我通过使用 *ngIf 而不是 ngClass 解决了它。
<div id="fileList" class="panel-body collapse in">
<div class="table-responsive">
<table id="uploadInvoice"
class="table table-bordered table-condensed">
<thead class="thead">
<tr>
<th class="gridHeader sortable order1" style="display: none;">File
ID</th>
<th class="gridHeader sortable">File Name</th>
<th class="gridHeader sortable">Upload Status</th>
<th class="gridHeader sortable">Uploaded Date</th>
<th class="gridHeader sortable">Updated Date</th>
<th class="gridHeader sortable">Uploaded BY</th>
<th class="gridHeader sortable ">Comments</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let file of fileList">
<td style="display: none;">{{file.id}}</td>
<td
*ngIf="(file.fileStatus != 'PROCESSED' && file.fileStatus != 'ERRORED')">{{file.fileName}}</td>
<td
*ngIf="(file.fileStatus == 'PROCESSED' || file.fileStatus == 'ERRORED' )"><a
href="#fileList" data-toggle="collapse"
(click)="getValidationSummary(file.id,file.fileName)">{{file.fileName}}</a></td>
<td>{{file.fileStatus}}</td>
<td>{{file.createdDate}}</td>
<td>{{file.modifiedDate}}</td>
<td>{{file.createdBy}}</td>
<td><span class="wrappingData">{{ file.comments }}</span></td>
</tr>
</tbody>
</table>
</div>
</div>
您应该为“classList”添加一个 polyfill,在 IE 11 中存在一个小问题。检查 - https://www.npmjs.com/package/classlist-polyfill
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.