AngularJs - 使用与NG-结合滤波器指令

问题描述:

我有一个简单的指令,这样的一个:AngularJs - 使用与NG-结合滤波器指令

指令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> 

是不是有人已经需要做这样的事情?

你的这个代替:

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

它的工作原理。谢谢 – 2014-10-08 12:36:48

+0

没有引用Angular认为''蓝象'是可变的,但'$ scope ['蓝象']是不确定的。 – dfsq 2014-10-08 12:38:02

+0

我正在尝试引用过滤器,像那样:title =“'blue elephant | myfilter'”,可能导致一个未定义的对象 – 2014-10-08 12:40:14