Как использовать угловой материал с CSP?

Question

Наша политика безопасности контента не позволяет использовать unsafe-inline для стилей.

Когда я пытаюсь использовать угловой материал в нашем приложении, он не будет работать правильно (отсутствующие стили), и я получаю много ошибок, зарегистрированных в DevTools. Из того, что я могу сказать, это связано с тем, что на страницу вводится динамически генерируемый CSS.

Я уже включаю ngCsp, но он не оказывает заметного влияния на эту проблему.

Answer 1

Согласно документации на Angular Material решение должно быть:

angular 
.module("app", ['ngMaterial']) 
.config(['$mdThemingProvider', function (themeProv) { 
    themeProv.setNonce('randomString') 
}]) 

нонса быть добавлен в качестве атрибута тегов тема стиля. Установка значения позволяет использовать политику CSP без использования небезопасной встроенной директивы.