Angular2 다른 사용자가 한 구성 요소와 다른 내용을 볼 수있게하려면 어떻게해야합니까?

Question

안녕 나는 단지 B1content을보고 나는 사용자 A는 A1content을보고 싶어 의미 하나 개의 구성 요소, 사용자 B에 몇 가지 사용자 별 내용을 추가 할

2. 각도와 웹 응용 프로그램을 만드는 일하고 있어요, C-C1 등등.

또한 로그인 한 사용자 및 게스트 (로그인하지 않은 사용자)의 콘텐츠를 분리하려고합니다.

어떻게해야합니까? 내가 아는 한, 보호 된 콘텐츠에는 AuthGuard를 사용해야하고 특정 사용자에게는 ngIf를 사용해야합니다.

Answer 1

NgSwitch를 사용할 수 있습니까? https://angular.io/docs/ts/latest/api/common/index/NgSwitch-directive.html

템플릿

<div *ngFor="let item of listOfItems"> 
    <div [ngSwitch]="item.type"> 
    <div *ngSwitchCase="'A'"> 
     <h1>output A - {{ item.name }}</h1> 
    </div> 
    <div *ngSwitchCase="'B'"> 
     <h1>output B - {{ item.name }}</h1> 
    </div> 
    <div *ngSwitchCase="'C'"> 
     <h1>output C - {{ item.name }}</h1> 
    </div> 
    <div *ngSwitchDefault>output2</div> 
    </div> 
</div> 

구성 요소

export class SomeComponent { 
    public listOfItems = [ 
    { 
     name: 'Adam', 
     type: 'C', 
    }, 
    { 
     name: 'Eve', 
     type: 'B', 
    }, 
    { 
     name: 'George', 
     type: 'A' 
    } 
    ]; 
    constuctor() {} 
}