Html Angular 6测验表单:在页面之间绑定和保存数据

Html Angular 6测验表单:在页面之间绑定和保存数据,html,angular,forms,typescript,Html,Angular,Forms,Typescript,我的项目包含4个部分:课程列表、课程详情、课程游戏、课程测验,方案如下: 数据是这样传递的:每门课程都有一系列的部分,每一部分都有一系列的问题。我从后端服务器(RubyonRailsAPI项目)获得的所有数据都正确传递 这是每个数据结构的接口: 导出接口ICourse{ id:编号; 标题:字符串; 自动:字符串; 片段:ISegment[]; } 导出接口ISegment{ id:编号; 单位id:编号; 单位名称:字符串; 名称:字符串; 类型:字符串; 数据:字符串; 问题:IQuest

我的项目包含4个部分:课程列表、课程详情、课程游戏、课程测验,方案如下: 数据是这样传递的:每门课程都有一系列的部分,每一部分都有一系列的问题。我从后端服务器(RubyonRailsAPI项目)获得的所有数据都正确传递

这是每个数据结构的接口:

导出接口ICourse{
id:编号;
标题:字符串;
自动:字符串;
片段:ISegment[];
}
导出接口ISegment{
id:编号;
单位id:编号;
单位名称:字符串;
名称:字符串;
类型:字符串;
数据:字符串;
问题:IQuestion[];
}
导出接口测试{
id:编号;
问题:字符串;
答1:弦;
回答2:弦;
回答3:弦;
回答4:弦;
正确:数字;

}
首先,你必须考虑你的页面。你可以在每个页面上跳跳虎一个结果工具,显示任务或结果页面。因为当你点击前一个或第一个时,你不想再次显示问题,而是想显示结果。第二,您可以做的是创建一个共享服务并更新您的答案。举个例子。第三,我不会花几个小时来编写这段代码,sorryservice在处理多个组件时很好,但我只有一个人负责这个测试。如果我只有一个组件,这真的有效吗?我不明白触发器resultboolean是什么意思,我想我这么做了,但它没有保存dataSmall示例。这可以在数组[{name:'Question1',values:[value1,value2]},{name:'Question2',values:[value1,value2]}中完成。现在您可以做的是在组件this.selectedQuest=0中添加一个*ngFor=“问题的问题;让index=i”和一个*ngIf=“selectedQuest==i”。然后,如果您使用sumbit生成一个函数addAnswer(_index:number,_answer:string){this.questions[_index].answer=_answer}现在在代码中检查答案是否未定义,如果选择的任务是索引,则显示答案,否则显示任务。希望这对你有所帮助或给你一个想法