Question

是否可以将过滤器应用于ng-repeat内的值？我试图在循环中剪切长字符串，但Angular忽略了我的过滤器。没有结果。没有错误。没有。为什么呢？

<tr ng-repeat="entry in event.log track by $index">
    <td>{{entry.raiseDate}}</td>
    <td>{{entry.text | cut}}</td>
    <td>{{entry.sign}}</td>
</tr>

angular.module('app.event')

.filter('cut', [function cut() {
    console.debug('im here');  // never called
    return function(input) {
        console.debug(input);
        var result;
        if ( input.length > 100 ) {
            result = input.substring(0, 100) + '...';
        } else {
            result = input;
        }
        return input;
    };
}]);

我也尝试了预定义的＆＃34;小写＆＃34;过滤器，它也不起作用

Answer 1

<div class="content"> <div class="container-fluid header"> <div class="container"> <div class="row">  </div> </div> </div> <div style="clear: both;"></div> <iframe src="/game/" width="100%" height="786" style="border: none" id="table-1"></iframe> </div>语法错误，应为.filter('cut', [function cut() {或.filter('cut', ['cut', function(cut) {

检查filter doc

请尝试以下代码：

.filter('cut', function() {

或

.filter('cut', ['cut', function(cut) {
    console.debug('im here');  // never called
    return function(input) {
        console.debug(input);
        var result;
        if ( input.length > 100 ) {
            result = input.substring(0, 100) + '...';
        } else {
            result = input;
        }
        return input;
    };
}]);

Answer 2

可以将过滤器应用于ng-repeat

中的值

在

中尝试以下代码

 <td>{{entry.text | limitTo: 100 }} {{entry.text > 100 ? '...' : ''}}</td>

不能在ng-repeat循环中使用过滤器

2 个答案: