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

前端之家收集整理的这篇文章主要介绍了【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);
    }
  }

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

原文链接:https://www.f2er.com/angularjs/144936.html

猜你在找的Angularjs相关文章