Question

我试图使我的角度2（2.4.1）应用程序与ie9和ie10完全兼容。该应用程序运行良好，但有一点我还没有能够解决。使用此组件（后查看器）时：

<div *ngFor="let post of posts" id="post-container">
    <h1 *ngIf="single">{{post.title}}</h1>
    <h2 *ngIf="!single">{{post.title}}</h2>
    <div id="post-content">
        <div class="post-icons">
            <span class="post-icon"><i class="fa fa-user"></i> {{post.author}}</span>
            <span class="post-icon"><i class="fa fa-calendar"></i> {{post.date | date: 'dd/MM/yyyy' }}</span>
            <span class="post-icon"><i class="fa fa-archive"></i> <gds-cat-resolver [catId]="post?.category" ></gds-cat-resolver> </span>
            <span class="post-icon"><i class="fa fa-tags"></i> <gds-tags-resolver [tagsId]="post?.tags"> </gds-tags-resolver> </span>
        </div>
        <p *ngIf="single">{{post.body }}</p>
        <p *ngIf="!single">{{post.body | postMore}} <a [routerLink]="['/post',post.titleUrl]">More...</a></p>
    </div>
</div>
<div (click)="loadMore()" *ngIf="posts.length > 0 && !single" id="load-more" [class.load-more-disabled]="disable_loadMore">
    <i class="fa fa-plus-square" aria-hidden="true"></i>
</div>

以这种方式在主机组件中初始化它（如果省略[single] =＆＃39; true＆＃39;则不会出现错误）：

<post-viewer [postPagination]="postPagination" [single]='true'></post-viewer>

我在ie9和ie10上收到一个奇怪的错误：正则表达式中的语法错误。

Ie9控制台错误快照：http://postimg.org/image/jjv01f6w3/

Ie10控制台错误快照：http://postimg.org/image/llusgvqkn/

我能够以某种方式隔离问题......它是ngIf指令* ngIf =＆＃34;！single＆＃34;出现在第12行导致问题：

<p *ngIf="!single">{{post.body | postMore}} <a [routerLink]="['/post',post.titleUrl]">More...</a></p>

如果我只删除那个ngIf语句，那么应用程序运行正常。这很奇怪，因为在第3行中使用了另一个相同的ngIf语句，它不会引起任何问题。

任何建议？

在ie9和ie10上的正则表达式中的Angular 2 ngIf语法错误

0 个答案: