Angular JS过滤器

时间:2014-01-14 12:57:41

标签: angularjs return angularjs-filter

我在成员中包含一个字符串,用于修改和绑定标签的title属性。 我想使用角度过滤器修改字符串成员。修改将基于应传递给过滤器函数的对象。

帮助解决语法问题。

提前致谢。

这是我试过的代码

label class="membername" title={{member.name}}

$scope.dalTitleFilter = function (member) {
                return function (value) {

                };
            };

1 个答案:

答案 0 :(得分:1)

您必须在模块上声明过滤器:

angular.module('myModule')
    .filter('length', function () {
        return function(value) {
            if (value && value.length) {
                return value.length;
            }
            return 0;
        }
    });

然后你可以像这样使用它:

<input type="text" ng-model="value" />
<p>{{value | length}}</p>

如果要将参数传递给过滤器函数(从过滤器块返回),只需向函数添加参数:

return function(value, argument1, argument2) {

    // Do something with argument1 and argument2

    if (value && value.length) {
        return value.length;
    }
    return 0;
}

然后像这样使用它:

<input type="text" ng-model="value" />
<p>{{value | length:argument1:argument2}}</p>