AngularJS ng-repeat不会渲染
AngularJS ng-repeat does not render
我现在正在练习AngularJS。
我的问题是:ng-repeat
不重复我的数组。
索引.html:
<!DOCTYPE html>
<html ng-app="store">
<head>
<link rel="stylesheet" type="text/css" href="node_modules/bootstrap/dist/css/bootstrap.min.css" />
</head>
<body ng-controller="StoreController as store">
<div ng-repeat="product in store.products">
<h1> {{product.name}}</h1>
<h2> ${{product.price}}</h2>
<p> {{product.description}} </p>
<button ng-show="product.canPurchase">Add to cart</button>
</div>
<script type="text/javascript" src="node_modules/angular/angular.min.js"></script>
<script type="text/javascript" src="app.js"></script>
</body>
</html>
应用.js:
(function(){
var app = angular.module('store', []);
var gems = [{name: 'Dodecahedron',
price: 2.95,
description: 'Hidden mass',
canPurchase : true,
soldOut : true},
{name: 'Pentagonal gem',
price: 5.95,
description: 'Vacuum mass',
canPurchase : false,
soldOut : false}
}];
app.controller('StoreController', function(){
this.products = gems;
});
})();
谁能告诉我故障在哪里?
您提供了额外的}
这里
{name: 'Pentagonal gem',
price: 5.95,
description: 'Vacuum mass',
canPurchase : false,
soldOut : false} <- here
}];
删除它
{
name: 'Pentagonal gem',
price: 5.95,
description: 'Vacuum mass',
canPurchase: false,
soldOut: false
}];
DEMO
相关文章:
- 如何正确应用Angularjs ng repeat
- AngularJS Navigation (li ng-repeat, create header li), DOM
- 在Angularjs中,我如何使用ng repeat、ng model和ng click来动态更改内容
- AngularJS:如何在ng repeat中使用$index
- 复选框无法正常使用ng repeat,AngularJs
- ng-repeat angularjs的起始位置
- 使用NG Repeat angularJS格式化CSS图像
- 使用 ng-repeat angularjs 视频 js 显示 Vimeo VideoJS
- 如何向下滚动到ng-repeat(AngularJS或Javascript)中的最新条目
- jQuery .focus() 无法使用 ng-repeat (AngularJS) 处理动态生成的列表项
- 计算ng repeat Angularjs中的值的总和
- 动态的ng-model变成ng-repeat AngularJS
- 两个Ng-repeat Angularjs中FilterBy中的动态值
- 如何在ng-repeat Angularjs中对对象的内部字段使用order
- 使用ng-repeat (AngularJS)遍历JSON
- 在ng-repeat Angularjs中显示从日期开始的时间
- 改变ng-repeat Angularjs内部的行为
- ng-if in ng-repeat angularjs
- 无法访问ng-repeat angularjs在js中使用的结果
- 如何得到ng-init和ng-repeat - angularjs中的总和