>

Visual Studio 2015에서 Angular 2 샘플 프로젝트를 작업하고 있습니다. VS2015 용 업데이트 3이 있고 TypeScript가로드되고 NPM 엔진이 실행 중입니다.이 프로젝트를 개발하고 있지만 자습서와는 다릅니다 ( 비디오) 나는 이전 작업을 지우지 않았습니다. 방금 프로젝트에 각 작업을 추가했습니다. 이제 HTML 테이블에서 앵커 태그 를 사용하는 부분에 있지만 태그가 렌더링되지 않습니다. SQL 서버 DB에 연결된 간단한 웹 서비스에서 데이터가 올바르게 렌더링됩니다. 아래는 실제 웹 콘텐츠의 이미지와 Google 디버거가 요소 섹션에 표시하는 이미지이며 아래는 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>

  • 답변 # 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>
    
    

    이상하게도 누군가 다른 사람이 여기에 제안을 게시했지만이 글에서 사라진 것 같습니다. 나는 그것을 대답으로 표시하고 싶었다. ?? 그 게시물은 어디로 갔습니까?

    대답의 포스터는 Isherwood였습니다. 많은 감사합니다. 게시물이 어디로 갔습니까?

관련 자료

  • 이전 python - 단일 사용자에 대한 정보를 저장하는 프로그램
  • 다음 C의 새 파일로 파일의 일부만 복사