[neon_tmn]

Добрый день.
в приложении создал конфиг:

angular.module("LiamoApp", ["ui.router"])
    .config(['$stateProvider', '$urlRouterProvider', '$locationProvider', function($stateProvider, $urlRouterProvider, $locationProvider) {
        $locationProvider.html5Mode(true).hashPrefix('#');
 
        var UseURL = '/promadis';
        
      $urlRouterProvider.otherwise(UseURL+"/");
       // Now set up the states
      $stateProvider
        .state('index', {
          url: "/", 
          templateUrl: UseURL + "index/index.html"
        })
        .state('offers', {
          url: "/offers",
          templateUrl: UseURL + "offers/index.html"
        })
    }])

Суть проблемы в том, что если я в шаблоне index.html делаю ссылку <a ui-sref="offers">Catalog</a>, то она работает, а если я в index.html делаю директиву и с помощью append добавляю ссылку, то она не работает, не кликабельна.
Сама директива

.directive("offersList", function() {
        return function(scope, element, attributes) {
            e = angular.element('<a ui-sref="offers">Catalog</a>');
            element.append(e);
        }
    });