angular2 href属性崩溃应用程序

Question

我有一些奇怪的错误，如果我在模板角度内使用html的href属性变得疯狂并且每秒都有3次异常。这种情况发生“只有当我在这个页面刷新”时，如果页面通过另一个页面中的链接重定向，则没有错误。这是另一个谜。 事情是我进行了调查并发现如果我从下面的元素中删除“href”属性看起来是固定的。

<div class="sidebar-box">
            <h3><i class="boxed fa fa-th"></i>Populer Topics</h3>
            <div class="tabs-top">
                  <ul>
                    <li><a href="#tabs-1">Events</a></li>
                    <li><a href="#tabs-2">News</a></li>
                    <li><a href="#tabs-3">Announcements</a></li>
<!--I wish it worked.. <a [routerLink]="['#tabs-1']">Events</a>-->
                  </ul>
                <div id="tabs-1">
                    <ul class="latest-blog-posts">
                        <li class="cf">

但是我需要使用这个href属性来保持ui的功能所以我尝试了routerLink而不能解决它.. 所以，如果我像上面那样离开了递归zone.js已经加载错误，从选项卡列表中删除href attriburtes看起来解决了问题，但我需要这些链接在点击时打开相关标签..我怎么能实现这个？

index.ts

export * from './app.component';
export * from './app.module';

main.ts

import './polyfills.ts';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { environment } from './environments/environment';
import { AppModule } from './app/';

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule);