2014-10-08 41 views
1

我有一個簡單的指令,這樣的一個: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> 

是不是有人已經需要做這樣的事情?

回答

1

你的這個代替:

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