directives.js

function bc(){
    var template = ['<ul class="breadcrumb">',
                    '<li>',
                        '<a ui-sref="dashboard">Dashboard</a>',
                    '</li>',
                    '<li ng-repeat="breadcrumb in breadcrumbs">',
                        '<a href="#{{ breadcrumb.path }}">{{ breadcrumb.title }} </a>',
                    '</li>',
                '</ul>'].join('');
    return {
        scope: {breadcrumbs: '='},
        template: template
    };
}

angular
    .module('app')
    .directive('bc', bc);

index.html

<div bc breadcrumbs="shooter.breadcrumbs"></div>