Угловой материал настройки цвета основной, акцент, предупреждение

Question

Я недавно начал использовать угловой материал, и я немного запутался, как устанавливать цвета для определенных элементов. Я импортирую угловую тему indigo-pink.css в качестве тестера.

при использовании матовой кнопки у меня есть следующее

<button mat-flat-button color="primary">Test</button>

, которое добавляет правильный основной цвет к кнопке.

Я также добавил 2 разных элемента, span и mat-card, как показано ниже.

<span color="primary">Test Span</span>
<mat-card color="primary">Simple card</mat-card>

По сути, я бы хотел, чтобы это был цвет кнопки, но он не реализован. Есть ли способ включить эти элементы, чтобы включить основные цвета без необходимости вручную добавлять его в CSS?

Спасибо

Answer 1

Я пойду с да и нет. Потому что атрибут цвета изначально не поддерживается span или mat-card. Но создав новую директиву атрибута, вы в основном можете расширить их поведение.

Я создал действительно базовую директиву sample , вы можете в основном расширить ее для своих нужд.