Страница входа с помощью Angular2

Я работаю с Angular2. У меня есть отдельная страница входа, я не могу использовать ее в качестве компонента, так как стиль очень отличается от остальной части приложения. Я могу использовать страницу входа в системе в качестве компонента, но мне нужно создать отдельную страницу, так что я могу перенаправить мое основное приложение, когда пользователь регистрируется вСтраница входа с помощью Angular2

Войти страницу, как показано ниже:.

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

остальная часть страницы, как:

<body> 
</body>

источник

2016-10-09 imrn

Что здесь проблема? – Sefa

сделал небольшое изменение, чтобы показать тип различий в обоих файлах htm. – imrn

'стиль очень сильно отличается от остальной части приложения, поэтому angular2 имеет атрибут' styles' в декораторе 'component'. – choz

Вы можете создать компонент для входа и полностью изолировать его стили. То есть, это не помешает в стиле других страниц.

Посмотрите на ViewEncapsulation.

Вот еще одна ссылка: View Encapsulation in Angular2

В этом случае, ваше тело в index.html будет выглядеть одинаково для всех страниц. То, что вы бы стайлинг компонент сам

<body> 
... 
</body> 


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

И ваш компонент:

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

источник

2016-10-09 13:13:54

Страница входа с помощью Angular2

ответ

Смежные вопросы