角度元素:对材料的依赖性

Question

角度元素:对材料的依赖性

Ale*_*lor 9 angular-material angular angular-elements

我正在创建一个Angular Element用于其他项目.元素是在其模板中包含Angular Material组件的组件,因此最终我的元素要求页面<link>一个Material主题CSS文件(以及材质图标和材料字体文件,并且link标签只能出现在文档中<head>).

很高兴地说,所需要的只是在页面上调用platformBrowser().bootstrapModuleFactory(...)和写入<some-custom-element>而没有进一步的指令.那可能吗？

要求我的自定义元素的用户链接到<head>他们页面中的所有CSS文件是否可以接受？我想这个模式,以后添加新的依赖项不会是向后兼容的更改,我必须告诉大家添加新的CSS文件或创建一个新的自定义元素.

Answer 1

Kyl*_*ell 2

您可能需要将组件的封装设置为ViewEncapsulation.None。

@Component({
    selector: 'pay-button',
    templateUrl: './pay-button.component.html',
    styleUrls: ['./pay-button.component.scss'], //include material related css here
    encapsulation: ViewEncapsulation.Native
})

Run Code Online (Sandbox Code Playgroud)

归档时间：	7 年，2 月前
查看次数：	1191 次
最近记录：	6 年，4 月前