关于angularjs滤波器样本的问题
关于angularjs滤波器样本的问题
提问于 2015-05-14 17:21:59
我正试图借助一本书来学习天使语。我试着执行一个关于如何在AngularJS中使用过滤器的示例，但它没有给出期望的结果。我不知道我遗漏了什么，代码有什么问题。
以下是代码：
<!DOCTYPE html>
<html>
<head>
<title> Listing 4-4</title>
<script src="js/angular.min.js"></script>
<script>
function myFilterDemo($scope){
var someData = {
name: 'ashwini',
address: 'noida',
dateJoined: new Date(2015, 2, 14),
consumption:4567.12358,
plan: 'Super Basic Plan'
};
$scope.data = someData;
}
</script>
</head>
<body ng-controller ="myFilterDemo">
<p> Consumption: {{data.consumption}}<br/>
<p> Consumption: {{data.consumption | Number}}
</body>
</html>回答 2
Stack Overflow用户
回答已采纳
发布于 2015-05-14 17:32:15
如果只是在筛选器上出现问题，则使用数字筛选器，如下所示。{{ number_expression | number : fractionSize}}
您的代码中还有其他问题。
请检查此plnkr代码以获得工作版本。
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.15/angular.js" data-semver="1.3.15"></script>
<script>
var app = angular.module('myApp', []);
function myFilterDemo($scope){
var someData = {
name: 'ashwini',
address: 'noida',
dateJoined: new Date(2015, 2, 14),
consumption:4567.12358,
plan: 'Super Basic Plan'
};
$scope.data = someData;
}
app.controller("myFilterDemo",myFilterDemo)
</script>
</head>
<body ng-controller ="myFilterDemo">
<p> Consumption: {{data.consumption}}<br/>
<p> Consumption: {{data.consumption | number}}</p>
</body>
</html>http://plnkr.co/edit/TjpZOiLWpga2DQiY5hpW?p=preview
Stack Overflow用户
发布于 2015-05-14 17:27:48
ng-app arrtibute缺少add
您还可以在w3 schools filters.asp上检查是否使用过滤器。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30243469
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号