使用自定义过滤器时ng-bind失败

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; 
     }; 
    } 
); 

（您仍然可以使用price-per-night在你的HTML）