Angular 2项目（在Visual Studio 2015中） - 锚标签＆lt; a＆gt;在.html页面中不呈现

Question

我一直在研究Visual Studio 2015中的Angular 2示例项目。我有VS2015的Update 3，加载了TypeScript，NPM引擎正在运行，...我一直在开发这个项目，但不像教程（视频）我还没有清除以前的任务。我刚刚将每个任务添加到项目中。现在我正处于使用锚标签的部分＆lt; a＆gt; ＆LT; / a＆gt;在html表中，但标签不呈现。数据正确呈现（来自连接到sql server DB的简单Web服务）。下面是实际Web内容的图像以及Google调试器在Elements部分和下面显示的内容，即带有Angular 2代码的html标记。到目前为止，我不得不对我的项目进行一些小调整以使其运行，但现在我被困在这个锚标签上。任何建议都表示我可以尝试解决这个问题。

<employee-count *ngIf="employees" [all]="getTotalEmployeesCount()"
            [male]="getTotalMaleEmployeesCount()"
            [female]="getTotalFemaleEmployeesCount()"
            (countRadioButtonSelectionChanged)="onEmployeeCountRadioButtonChange($event)">
</employee-count>

<br /><br />
<table>
    <thead>
        <tr>
            <th>Code</th>
            <th>Name</th>
            <th>Gender</th>
            <th>Annual Salary</th>
            <th>Date Of Birth</th>
    </tr>
    </thead>
    <tbody>
        <tr *ngIf="!employees || (employees.Length < 1)">
            <td colspan="5">No Employees to display</td>
        </tr>

        <ng-container *ngFor="let employee of employees;">
            <tr *ngIf="selectedEmployeeCountRadioButton=='All' || selectedEmployeeCountRadioButton==employee.gender">
                <td>
                    <a [routerLink]="['/employees',employee.code]">  <<<----- the anchor tags not rendering
                    {{ employee.code | uppercase }}
                    </a>
                </td>
                <td>{{ employee.name | employeeTitle:employee.gender }}</td>
                <td>{{ employee.gender }}</td>
                <td>{{ employee.annualSalary | currency:'USD':true:'1.3-3'}}    </td>
                <td>{{ employee.dateOfBirth | date:'dd/MM/y' | uppercase }}    </td>
            </tr>
        </ng-container>

        <tr *ngIf="!employees">
            <td colspan="5">{{statusMessage}}</td>
        </tr>
    </tbody>
</table>
<br />
<button (click)="getEmployees()">Refresh Employees</button>

Answer 1

我最终在父组件

中的routerLink周围添加了一些[]括号

<div style="padding:5px">
     <ul class="nav nav-tabs">                        
         <li routerLinkActive="active"> <a [routerLink]="['/home']">Home</a> </li>
         <li routerLinkActive="active"> <a [routerLink]="['employees']">Employees</a> </li>
          <br />
          <router-outlet></router-outlet>
      </ul>
</div>

很多时候，其他人在这里发布了这个建议，但似乎已经从这个帖子中消失了。我想把它标记为答案。 ??该帖子去了哪里？

答案的海报是伊舍伍德。非常感谢。你的帖子去了哪里？