ng-repeat没有显示任何内容

时间:2015-03-12 13:19:36

标签: javascript angularjs

我希望为用户提供额外信息的新行,但我仍坚持生成第一行

<div ng-repeat="row in rows">
<input type="text" placeholder="name"><input type="tel" placeholder="tel">
</div>

$scope.rows = {
   '1':1
};

}

http://plnkr.co/edit/qNPYKwdRPNXRrqphEfdz?p=preview

3 个答案:

答案 0 :(得分:2)

因为您必须从html标记中删除ng-controller="personController"

AngularJS正在搜索该控制器,但它不存在,在控制台上出错。

Updated plunkerhttp://plnkr.co/edit/N14qOlvzPF8eIuPj1I4U?p=preview

答案 1 :(得分:1)

在你的plunker中,html引用了一个不存在的控制器。

替换:

<html ng-app ng-controller="personController">

使用:

<html ng-app>

在控制器中,将json对象放在范围

$scope.rows = {'1':1};

我建议改用JSON数组:

$scope.rows = [
{"firstName":"John", "lastName":"Doe"}, 
{"firstName":"Anna", "lastName":"Smith"}, 
{"firstName":"Peter","lastName":"Jones"}]

关心伊恩

答案 2 :(得分:0)

你有ng-controller="personController"但没有该控制器的实现。