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 --^
它的工作原理。谢谢 – 2014-10-08 12:36:48
没有引用Angular认为''蓝象'是可变的,但'$ scope ['蓝象']是不确定的。 – dfsq 2014-10-08 12:38:02
我正在尝试引用过滤器,像那样:title =“'blue elephant | myfilter'”,可能导致一个未定义的对象 – 2014-10-08 12:40:14