Angular2를 사용하는 로그인 페이지

저는 Angular2로 작업하고 있습니다. 별도의 로그인 페이지가있어서 스타일링이 나머지 응용 프로그램과 매우 다르기 때문에 구성 요소로 사용할 수 없습니다. 나는 구성 요소로 로그인 페이지를 사용할 수 있어요,하지만 사용자가 로그인하면 내 주요 응용 프로그램에 리디렉션 할 수 있도록 별도의 페이지를 만들 필요가Angular2를 사용하는 로그인 페이지

로그인 페이지 아래와 같이 :.

<body class="login"> 
</body>

페이지

나머지는 같은 수 있습니다 :

<body> 
</body>

출처

2016-10-09 imrn

: 당신은 무엇을 유행에 따라 디자인 될 것은 구성 요소 자체

<body> ... </body> <body> <login><!-- this is the where styling should start from --!> ... </login> </body>

그리고 당신의 구성 요소입니다? – Sefa

은 작은 편집을 수행하여 두 htm 파일의 차이점 유형을 표시합니다. – imrn

'스타일은 나머지 응용 프로그램과 매우 다릅니다. '때문에 angular2는'component' 데코레이터에서'styles' 속성을 갖습니다. – choz

당신은 로그인 구성 요소를 만들고 완전히 스타일을 분리 할 수있다. 즉, 다른 페이지의 스타일을 방해하지 않습니다.

ViewEncapsulation 속성을 살펴보십시오. 여기

다른 링크입니다 : View Encapsulation in Angular2

이 경우, index.html에있는 당신의 몸은 모든 페이지에 동일한 같을 것이다. 문제는 여기에 무엇

@Component({ 
    selector:  'login', 
    pipes:   [ ], 
    providers:  [ ], 
    encapsulation: ViewEncapsulation.Emulated, 
    styles:  [ 
    ".login { 
     ... 
    " 
    ], 
    template: "<div class='login'...> </div>"

출처

2016-10-09 13:13:54

Angular2를 사용하는 로그인 페이지

답변

관련 문제