AngularJs - 在指令中使用带有ng-bind的过滤器

Question

我有一个像这样的简单指令：

指令js：

.directive('pageHeader', function() {
    return {
        restrict: 'E',
        scope: {
            title: '=',
            subtitle : '='
        },
        templateUrl: 'pages/templates/pageHeader.html'
    };
})

指令html：

<div class="page-header">
    <span class="header-view-title" ng-bind="title"></span>
    <span class="header-view-subtitle" ng-bind="subtitle"></span>
</div>

我正在以这种方式使用该指令：

<page-header title="'The blue elephant'" subtitle="'is walking to the street'"></page-header>

有一种方法可以将过滤器传递给“标题”和“副标题”，并使用该过滤器。 我试过这样，但失败了：

<page-header title="The blue elephant | myfilter" subtitle="is walking to the street | myfilter"></page-header>

有人已经需要这样做吗？

Answer 1

你的意思是：

title="'The blue elephant' | myfilter"
       ^-- note quotes --^