Также вам необходимо импортировать Http
.
import {HTTP_PROVIDERS} from '@angular/http';
import {MdIcon, MdIconRegistry} from '@angular2-material/icon';
@Component({
template:`<md-icon>code</md-icon>`
directives:[MdIcon],
providers: [HTTP_PROVIDERS, MdIconRegistry]
})
Откуда обслуживается ваш файл css? Обычно это не проблема, так как обычная структура мультимедиа, такая как:
media/
images/
css/
js/
(или аналогичная) допускает относительные пути к файлам для изображений, например:
background: url('../images/foo.png');
Если вы не готовы изменить структуру папки мультимедиа для размещения относительных пути к файлам, у вас может не быть альтернативы, кроме как перезаписать объявления css из шаблона, используя вторичный файл css в автономном режиме:
{% if DEBUG %}
<link rel="stylesheet" href="{{ MEDIA_URL }}css/offline-mode.css" />
{% endif %}
Конечно, первый вариант намного проще.
Если вы хотите использовать директивы шаблона в файле, почему он не обслуживается через шаблон?
Использование относительных путей (для файлов изображений) в ваших файлах CSS неприемлемо для вас?
Извините, вам не понравится ответ.
У меня та же проблема:
Нет простого способа сделать это с помощью статических файлов CSS.
Чем я занимаюсь:
Затем я перехожу в производство, выполняю обновление svn, касаюсь файла WSGI и проверяю