Angular 2 [routerLink] не разрешается в браузере

Не добавляя слишком много кода или документации к моему вопросу, у меня возникла проблема с решением кода [routerLink] для нашей демонстрации Angular 2:

Версии

Node.js — v4.4.7
@angular — 2.0.0-rc.1

приложение/app.component.ts

@RouteConfig([
    {
        path: '',
        name: 'TasksComponent',
        component: TasksComponent
    },
    {
        path: 'tasks/editor',
        name: 'TaskEditorComponent',
        component: TaskEditorComponent
    },
    {
        path: 'timer',
        name: 'TimerComponent',
        component: TimerComponent
    }
])


приложение/app.component.html

<nav class="navbar navbar-default navbar-static-top">
    <div class="container">
        <div class="navbar-header">
            <strong class="navbar-brand">My Pomodoro App</strong>
        </div>
        <ul class="nav navbar-nav navbar-right">
            <li><a [routerLink]="['TasksComponent']">Tasks</a></li>
            <li><a [routerLink]="['TimerComponent']">Timer</a></li>
            <li><a [routerLink]="['TaskEditorComponent']">Publish Task</a></li>
        </ul>
    </div>
</nav>

<router-outlet></router-outlet>


Визуализированный HTML (в браузере)

<body>
    <script id="__bs_script__">
        //<![CDATA[
            document.write("<script async src='/browser-sync/browser-sync-client.2.14.0.js'><\/script>".replace("HOST", location.hostname));
        //]]>
    </script>
    <script async="" src="/browser-sync/browser-sync-client.2.14.0.js"></script>

    <pomodoro-app>
        <nav class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <strong class="navbar-brand">My Pomodoro App</strong>
                </div>
                <ul class="nav navbar-nav navbar-right">
                <li><a></a></li></ul>
            </div>
        </nav>
    </pomodoro-app>
</body>


Если я удалю [routerLink]="['TasksComponent'] из тегов привязки, теги привязки отображаются без проблем. Каким-то образом рендеринг [routerLink] вызывает проблему. Кажется, что объем проблемы не в моих командах import или любой другой информации, связанной с Angular 2, поэтому я сократил объем своего кода до версий, файла машинописного текста и рассматриваемого файла html.

Я запускаю это с помощью Lite Server. Любая помощь будет оценена.


typescript angular angularjs angular2-routing angular2-router
person Mindsect Team    schedule 22.08.2016    source источник
comment
Версия Angular2 и маршрутизатора, которую вы используете, устарела, и маршрутизатор был полностью заменен. Я бы предложил обновить до самой последней версии Angular.   -  person Günter Zöchbauer    schedule 22.08.2016
comment
Да, на данный момент я думаю, что лучше всего было бы обновить мою страницу и начать с последней реализации Angular 2 и следовать кратким руководствам. Спасибо за совет.   -  person Mindsect Team    schedule 22.08.2016