在ng-bind-html中使用指令和过滤器

Question

我有一个工厂函数，它返回一个带有内容属性值

的指令

.factory('dParser', function (_) {
var parse = function (response) {
return "<val content=response>";
};
return {
        'parse': parse,
       };
    });

注入一些html的val指令

.directive('val', [ '$compile, $parse', function ($compile, $parse) {
        return {
          'template': '<span class="value">{{capture1}}</span>',
          'restrict': 'E',
            'link': function (scope, element, attrs) {
                scope.capture1 = $parse(attrs.content)(scope);
            }
        };
     } ]);

还有HTML页面

   <div class=" row" ng-repeat="entry in controller">
  <span class="row" ng-bind-html="entry.values | to_trusted"></span></div>

一个调用工厂并返回的服务

return {
values = '<span id="rate">' + dParser.parse(set) + '</span>';
};

过滤器to_trusted如下

.filter('to_trusted', [ '$sce', function ($sce) {
        return function (text) {
           text = text.toString().replace(/<br\/>/g, '');
            return $sce.trustAsHtml(text);
        };
    } ] )

指令val然而无法解决？为什么会这样？