У меня есть этот Угловой 2 шаблона, который закладки моего веба-сайт:Угловой 2 и WebPack: неожиданный закрывающий тег «а»
<div id="menu">
<ul id="tabs">
<li *ngFor="let tab of tabs; let i = index" [class.active]="selectedTab===i">
<a routerLink="/private/home/{{i}}">{{tab}}</a>
</li>
</ul>
</div>
<div class="tabContent">
<span *ngIf="selectedTab==0"><welcome></welcome></span>
<span *ngIf="selectedTab==1"><boiler></boiler></span>
</div>
Он работает отлично. Затем я пытаюсь использовать Webpack с параметром по умолчанию для создания уникального файла * .js: он по-прежнему работает. Наконец, в Webpack, я активный вариант, чтобы минимизировать файл .js, и я получаю эту ошибку:
Unexpected closing tag "a" (" of tabs; let i = index" [class.active]="selectedTab===i">
<a routerlink=/private/home/{{i}}>{{tab}}[ERROR ->]</a> </li> </ul> </div>
<div class=tabContent> <span *ngif="selectedTab==0"><welcome></welcome></span")
Любую идею об этой ошибке?
Вот соответствующий код, сгенерированный Webpack:
function(t,e){t.exports='<div id=menu> <ul id=tabs> <li *ngfor="let tab of tabs;
let i = index" [class.active]="selectedTab===i">
<a routerlink=/private/home/{{i}}>{{tab}}</a> </li> </ul> </div> <div class=tabContent>
<span *ngif="selectedTab==0"><welcome></welcome></span> <span *ngif="selectedTab==1">
<boiler></boiler></span> </div>'}
Несколько вещей: вы с помощью 'углового-cli'? Кроме того, я удивлен, что это работает. 'routerLink' должен быть связанным свойством и принимает [массив значений] (https://angular.io/docs/ts/latest/guide/router.html#!#link-parameters-array), представляющий путь, поэтому он должен выглядеть как ''. И, наконец, есть ли причина, по которой вы используете '* ngIf' для рендеринга компонента вместо' '? Выход маршрутизатора - это более правильный способ сделать это, но мне интересно узнать, есть ли конкретный случай, требующий, чтобы это было так. –
filoxo