ng-repeat not showing anything

Question

I expect to push new row for user to put in extra info but I'm stuck at generate the first row

<div ng-repeat="row in rows"> <input type="text" placeholder="name"><input type="tel" placeholder="tel"> </div> $scope.rows = { '1':1 }; }

here is updated plunkr plnkr.co/edit/mO2MXrNUUnAvAd0Ns4jP?p=preview — iurii
– iurii, Commented Mar 12, 2015 at 13:24

Michael · Accepted Answer · 2015-03-12 13:21:27Z

Because you have to remove ng-controller="personController" from the html tag.

AngularJS is searching for that controller, but it doesn't exist, giving an error on the console.

programmingheadaches · Accepted Answer · 2017-02-15 20:40:18Z

In your plunker the html has a reference to a controller that doesn't exist.

Replace:

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

With:

<html ng-app>

In your controller you put a json object on scope

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

I suggest using a JSON array instead:

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

Regards Ian

ltalhouarne · Accepted Answer · 2015-03-12 13:22:01Z

0

You have ng-controller="personController" but no implementation for that controller.

answered Mar 12, 2015 at 13:22

4,6382 gold badges25 silver badges32 bronze badges

3 Answers 3