【angular】为表格动态添加内容并实现跳转

这个界面目前是没有数据的，后端的同志们正在完善代码，所以先上个图，表示一下，根据表格的标题大概也可以知道要显示的是什么内容吧

有一个需求就是考试类型一列如果是随堂小练需要添加一个链接支持学生查看小练详情，要是都显示那就没有问题了，但是目前只有小练，为了实现这个功能也是小费周折

获取数据时，挑出“随堂小练”，并添加可以点击查看的标识（是不是很官方）

getData(url: string) {
    url = url + this.tokenInfo;
    this.http.get(url).subscribe(
      res => {
        if (res.json().data != null || res.json().code == '0000') {
          this.data = res.json().data.list;
          this.total = res.json().data.total;
          this.data.forEach(item => {
            if (item.examType == "随堂小练") {
              item.templatePaperName = item.templatePaperName + "_点击查看详情";
            }
          })
        }
      })
  }

现在看看感觉好简单，不明白为什么当时会有周折，不会的原因吧

二、点击界面跳转，是小练则跳否则没有反应

//调转到试卷详情
  openPaperByType(obj: any) {
    if (this.data[obj].examType != "随堂小练") {
      return false;
    } else {
      this.paperId = this.data[obj].tTemplatePaperId;
      this.router.navigateByUrl('workspace/student-individual-score/exam-paper-detailed' + "/" + this.paperId);
    }
  }

当然项目中的界面是有前因后果的，放之四海而皆准？不可能

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!