angularjs - ng重复不更新

Question

嗨，我是 Angular js 的新手，我希望有人可以帮助我解决以下问题。

我有一个名为 numAdults 的数字字段，我需要显示一组字段（例如姓名、地址、电话等） numAdult 次，以获取每个人的这些信息。

这是问题jsfiddle链接的jsfiddle

这里也是控制器代码的概述

function bookingController($scope){
$scope.numAdults = 1;
$scope.personLoop = function(){
    console.log('personLoop called')
    return new Array($scope.numAdults);
    //return new Array(2);
    
}

html

<label for="book_num_adults">Number of adults:</label>
<input id="book_num_adults" type="text" ng-model="numAdults">


  <div class="row" ng-repeat="t in personLoop()" style="border:2px solid red;margin-top:10px">
      <h4>Person {{$index+1}}</h4>
       <input placeholder="name"><br>
       <input placeholder="address"><br>
       <input placeholder="telephone"><br>
  </div>

你能帮我把它转换成一个模块吗（不仅仅是一个基于控制器的）

先感谢您！

Answer 1

你的小提琴充满了错误......

http://jsfiddle.net/bRgTR/5/

1. 在 Frameworks & Extensions 下，您需要将第二个下拉菜单从“onLoad”更改为“No wrap”选项之一
2. 你的controller定义被破坏了。它应该是：.controller('name', ['depname', function (depname) { })]);- 你的关闭数组放错了位置。
3. 你真的应该使用分号。
4. 您不会像这样在 JavaScript 中创建一个包含 5 个项目的数组：var a = new Array(5)，而是创建一个包含 5 的数组。相反，您应该这样做var a = []; a.length = 5;