[-VenoM-]

Спасибо за ответ.

И, кстати, ваш этот сторонний модуль angular-css - он тоже это умеет, просто вы синтаксически неправильно его готовите. Просто покурите ещё его мануал, поправьте ваш код, и он взлетит.

Покурил, но не взлетает.

Может, какую-то мелочь пропустил. По порядку.

1. bower install angular-css / в папку проекта скопировался модуль.
2. Подключили в index.html наш модуль, всё открывается.

<script src="bower_components/angular-css/angular-css.min.js"></script>
<script src="bower_components/angular-css/angular-css.js"></script>

3. Подключили в наше приложение, тоже всё открывается

var app = angular.module("myApp", ['angularCSS']);

4. Положили наш foo-bar.css в папку с директивой.

app.directive('fooBar', function () {
    return {
        restrict: 'AE',
        templateUrl: "pure-css-accordion-nav/index-async.html",
        css: "foo-bar.css",
        link: function (scope, element, attrs) {
            console.log('directive')
        }
    };
});

И результата ноль, шаблон не подтягивается.