自定义筛选不起作用

时间:2014-05-29 02:13:34

标签: javascript angularjs

我尝试使用自定义过滤器,但对于我的生活,我无法使用它。它是ng:repeat的一个非常基本的过滤器,可以不加改变地返回数据。正如您所看到的,表格不会像它应该那样填充。我错过了什么?

http://jsfiddle.net/vh7hV/1/

HTML

<table ng-app ng-controller="TransactionsCtrl">
    <thead>
        <tr>
            <th>Price</th>
            <th>Running Total</th>
        </tr>
    </thead>
    <tbody>
        <tr ng:repeat="transaction in transactions | runningTotal">
            <td ng:bind="transaction"></td>
        </tr>
    </tbody>
</table>

的Javascript

angular.module('filters', [])
    .filter('runningTotal', function () {
        return function (items) {
            return items;
        };
    });

angular.module('app', ['filters']);

var TransactionsCtrl = function ($scope) {
    $scope.transactions = [1,2,3,4];
};

1 个答案:

答案 0 :(得分:3)

过滤器本身没有问题。您忘记为ng-app属性提供值:

<table ng-app ng-controller="TransactionsCtrl">

应该是

<table ng-app="app" ng-controller="TransactionsCtrl">

Updated Fiddle