在模板中定义和编辑变量

Question

在我的游戏应用程序中，我试图通过点击与项目相同的表格行中的按钮，为用户提供编辑他从表格中选择的特定项目的机会。

更准确地说，用户将编辑已注册参加考试的学生。点击考试后，他想编辑一个模态将打开。在模态中，一个表格将向所有可用的学生显示已经注册的学生的复选复选框。

我唯一的问题是：如何将模式传递给用户想要编辑的考试ID？据我所研究，我无法定义和编辑模板内的变量。在Angular中，我只想修改范围内的变量。

这样做的正确方法是什么？

Answer 1

将初始化数据从后端移动到前端的一般原则是使用模板引擎将其注入到某个位置的标记中。在您的情况下，无论您在模板中使用何种循环来呈现表格行，您只需将ID放在表格中的自己的单元格中，在class或id属性中，或者最合适的是，在表格行的data-属性中。我会说这些选项中的每一个都非常相同，主要是在美学上不同。

然后，在您的点击处理程序中，您只需在事件目标上使用相对选择器，即可将ID存入您的脚本，无论您将其存储在哪里。

另一种方法是在前端呈现您的表格，通过API以单页面应用程序的方式从后端提取此信息。然后，ID和数据之间的关联在模型呈现之前就存在于模型中。对于这个例子，这可能有点过头了，但如果你与十几种这样的屏幕有很好的交互性，我认为这是一种更具可扩展性的方法。