首页 文章

在Angular 4中为表格排序数组(包括子数组)

提问于
浏览
0

我和我的团队正在使用Angular 4创建一个Audience Response Web应用程序 . 我正在创建一个名为allAnswers的数组,它看起来像this . 当我结束一个测验时,我被路由到结果组件,它向我展示了这个table . 你可以看到答案搞砸了 . 这是我的表组件的html code .

让我解释一下allAnswers数组的结构 . 答案是 Build 在:

0元素:

  • 这是questionID代表答案的地方

1个元素:

  • 回答:这是一个简单的布尔bc,现在我们只是实现了真/假问题

  • studentID:一个字符串,用于标识测验中的单个学生

正如您在表格中看到的那样,我们希望按如下方式构建它:

第一个表头元素名为"Frage",这意味着问题 . 它下面的列包含questionID,稍后将替换为问题文本(现在不是问题) . 下一个表头是studentsID,在他们加入测验的行中(一个看起来像this的独立数组) . 现在我们要对allAnswers数组进行排序,以便它正确显示每个学生的答案,以适合正确的答案 .

怎么解决这个问题?

1 回答

  • 0

    谢谢你的回复,但我已经明白了 . 我想过实现一个管道,但后来一位同事提到了ng-template(以前的ng-container),现在它可以工作了 . 我重构了我的allAnswers数组,因此它在一个级别上包含studentID,questionID和answer . 并且this是html中的代码,这使得它完全神奇地工作 .

    如果你有什么建议让它看起来更干净,请写:) . 我还是初学者,几个月前就开始使用Angular了 .

相关问题