gpt4 book ai didi

javascript - 如何为根组件 dom 元素添加样式( Angular 选择器组件)

转载 作者:行者123 更新时间:2023-12-05 00:31:43 24 4
gpt4 key购买 nike

我有以下组件:

// 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>

我想为 <form-button> 定义宽度和重量而不是在 <div class="form-button-wrapper"> .

我怎样才能做到这一点?

最佳答案

是的,只需使用 :host选择器。它使您可以访问包装 Angular 元素。

//form-button.component.scss

:host {
// insert your styles here
}

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

关于javascript - 如何为根组件 dom 元素添加样式( Angular 选择器组件),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60039137/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com