angularJS动态生成的li标签,使用ng repeat创建多个ul标签

Question

以下代码包含输入框,单选按钮和按钮.

单击该按钮时,它将再生成一个输入框和单选按钮.所有单选按钮都名称相同.

  <ul id = "listOfAnswers" ng-repeat="i in addQuestion.loop(addQuestion.numOfChoice) track by $index">
    <li>
        answers:<input type="text"/>
        correct:<input type="radio" name="correctChoice" value ={{$index}}/>
    </li>
  </ul>
  <button ng-Click="addQuestion.numOfChoice = addQuestion.numOfChoice + 1">add more choices</button><br/><br/>

当我在浏览器中打开它时,当我检查它时显示正确,它正在显示

<ul ..>
  <li> [...] </li>
</ul>

<ul .. >
  <li> [...] </li>
</ul>

所以每次重复生成另一个ul标签.问题是我试图通过使用获得最终的所有li项目和ajax它getElementById("ul-tag-id").children.我可以为每个li项目分配一个类名,但我更喜欢以前的方法,neater.

我在这里做错了吗？另外我只是知道有自定义指令,我不能决定什么时候应该将这些东西放在控制器中,我应该把它们放在一个指令中.我在网上找到的很多教程已经过时了,我不确定要跟哪个,有什么建议吗？

Answer 1

ng-repeat应该用在你想要重复的元素上.看起来你需要将它移动到li元素.

一些学习资源:

• Stackoverflow - 特别是你的问题
• 官方AngularJS教程 - AngularJS基础知识,与最新版本保持同步.
• ng-book - 控制器,范围,指令,服务......一切都很好解释.