Question

我已经查看了很多回复，并且无法解释为什么我的代码无法正常工作！

我想将一个简单的自定义过滤器应用于从控制器传递的变量。 room-price值显示正常。但是，当我添加price-per-night过滤器时，该值会消失。

有人可以提出解决方案吗？感谢

模板

<div class="h3 left-align p1" ng-bind="room.price | price-per-night"></div>

控制器

routerApp.controller('MyController', function($scope) {
    $scope.rooms = [
    {
        name: 'Basic',
        price: 50
    }]
});

过滤

routerApp.filter("price-per-night",
    function() {
        return function(price) {
            var output = '£' + price + ' ' + 'per night';
            return output;
        };
    }
);

Answer 1

为您的过滤器命名pricePerNight。名称中不允许-：

routerApp.filter("pricePerNight",
    function() {
        return function(price) {
            var output = '£' + price + ' ' + 'per night';
            return output;
        };
    }
);

（您仍在HTML中使用price-per-night

使用自定义筛选器时ng-bind失败

1 个答案: