我已经查看了许多回复,但我怎么也无法弄清楚为什么我的代码不起作用!
我想将一个简单的自定义过滤器应用于从 Controller 传递的变量。 room-price
值显示正常。但是,当我添加price-per-night
过滤器时,该值消失了。
有人可以提出解决方案吗? 谢谢
模板
<div class="h3 left-align p1" ng-bind="room.price | price-per-night"></div>
Controller
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;
};
}
);
最佳答案
为您的过滤器命名 pricePerNight
。 -
名称中不允许出现:
routerApp.filter("pricePerNight",
function() {
return function(price) {
var output = '£' + price + ' ' + 'per night';
return output;
};
}
);
(您仍然在 HTML 中使用 price-per-night
)
关于javascript - 使用自定义过滤器时 ng-bind 失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34135903/