Угловые элементы: зависимость от материала - PullRequest
Новая
       26

Угловые элементы: зависимость от материала

0 голосов
/ 04 июля 2018

Я создаю Угловой элемент для использования в других проектах. Элемент является компонентом, содержащим компоненты Angular Material в своем шаблоне, поэтому в конечном счете мой элемент требует, чтобы страница представляла собой файл CSS темы материала (а также файлы значков материалов и файлы шрифтов материалов, а тег link мог появляться только в документы <head>).

Было бы замечательно сказать, что все, что нужно, это позвонить platformBrowser().bootstrapModuleFactory(...) и написать <some-custom-element> на странице без дальнейших инструкций. Это возможно?

Допустимо ли требовать от пользователей моего пользовательского элемента ссылки на все эти CSS-файлы на <head> их страницы? Я полагаю, с этим шаблоном, добавление новых зависимостей позже не будет обратно совместимым изменением, и я должен был бы сказать всем, чтобы добавить новые файлы CSS или создать новый пользовательский элемент.

Ответы [ 2 ]

0 голосов
/ 29 марта 2019

Я смог использовать Mat Icons, просто импортировав семейство шрифтов в src/styles.scss.

@import "https://fonts.googleapis.com/icon?family=Material+Icons+Round";

0 голосов
/ 09 сентября 2018

Может потребоваться установить для инкапсуляции компонента значение ViewEncapsulation.None. 

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