angularjs 动态生成的角形表单中的单选按钮

uqdfh47h  于 2022-10-31  发布在  Angular
关注(0)|答案(1)|浏览(149)

https://gist.github.com/djdaniels90/948704c58242c4bb08b5
我在使用动态生成的测验结构时遇到了问题。我知道$parent. scope。我已经尝试实现它,但表单仍然无法正常工作。我已经链接了gist站点;在这方面的任何帮助都将不胜感激。
每个问题本身就是一个表单,整个测验就是一个问题表单的表单。每个问题表单包含x个可能的答案。此外,测验可以有y个问题。因此,我们有一个循环中的循环;即:我们正在创建一些嵌套的子作用域。
最终,每个问题只能有一个答案,即:每个子表单只能点击一个复选框。我可以很容易地使用纯JS或jquery来获取表单元素,但我知道在Angular中有一种方法可以做到这一点,我相信我已经很接近了,但不能得到最后一点。理想情况下,我希望要么更新相应的模型,该操作可以在控制器内的数组中创建。或者使用表单提交操作来上载整个测验数据。
任何关于我哪里出错的帮助都是很好的。

5f0d552i

5f0d552i1#

您缺少一个属性,需要一个变量来将答案分配给。

NAME属性负责分组,model不能是问题对象本身,而是问题本身的一个属性。

<input type="radio" name='{{question.question}}' ng-value="{{answer}}" ng-model="question.answer">

下面是一个工作版本:http://plnkr.co/edit/fACdq8DGvJel9An87GyA?p=preview

相关问题