Условно -рендеринг css в заголовке html

Я пытаюсь динамически добавить css в свой html-заголовок, используя angular js. Вот пример кода

<div ng-repeat="stylesheet in stylesheets">
        <link href="/myapp/{{stylesheet.href}}" type="{{stylesheet.type}}" rel="stylesheet" media="{{stylesheet.media}}" title="{{stylesheet.title}}" />
</div>

Этот код работает, как и ожидалось, но когда браузер загружает страницу, он пытается получить ресурсы css с необработанными шаблонами angularjs, и я вижу «404 не найдена ошибка» на вкладке сети firebug.

Eg: request http://localhost:8080/myapp/%7B%7Bstylesheet.href%7D%7D, status 404

Когда страница полностью загружена, она выполняет замену значений шаблона и загружает правильный css.

Есть ли способ избежать ошибки 404 и заставить ее загружать css после обработки angularjs?