Как добавить стиль к элементу root компонента dom (компонент выбора angular) - PullRequest
0 голосов
/ 03 февраля 2020

У меня есть следующий компонент:

// Typescript
@Component({
    selector: 'form-button',
    templateUrl: './form-button.component.html',
    styleUrls: ['./form-button.component.scss']
})
export class FormButtonComponent {}

//form-button.component.html
<div class="form-button-wrapper">
    <div class="content"></div>
</div>

//form-button.component.scss
.form-button-wrapper {
    width: 100%;
    height: 100%
}

В html будет выглядеть так:

<head>...</head>
<body>
    ....
    <form-button>
         <div class="form-button-wrapper">
             <div class="content"></div>
         </div>
    </form-button>
    ....
</body>

Я хочу, чтобы t определил ширину и вес для <form-button> вместо <div class="form-button-wrapper">.

Как я могу это сделать?

1 Ответ

1 голос
/ 03 февраля 2020

Да, просто используйте селектор :host. Это дает вам доступ к элементу обтекания angular.

//form-button.component.scss

:host {
 // insert your styles here
}

.form-button-wrapper {
    width: 100%;
    height: 100%
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...