Angularjs按需查询

最新推荐文章于 2021-02-15 13:30:07 发布

置顶种下星星的日子

最新推荐文章于 2021-02-15 13:30:07 发布

阅读量454

点赞数

分类专栏：【Web前端】文章标签： angularjs 界面

本文链接：https://blog.csdn.net/hongwei15732623364/article/details/78388579

版权

【Web前端】专栏收录该内容

21 篇文章

订阅专栏

课程信息管理界面有这样一个需求，当课程类型为公选课的时候，可以选择课程性质，当为其他课程类型的时候，不必选择课程性质。
这里写图片描述

代码：

/**
 * 获取课程类型下拉框数据
 */
  getCourseTypeNameOptions(){
      let url = "teachingManagement-web/course/queryAllCourseType";

      this.http.get(url).subscribe(
          res =>{
              this.courseTypeNameOptions = res.json().data;

              //如果是公共选修，可以选择课程性质，如果不是，课程性质为空
              this.courseTypeNameOptions.forEach(item =>{
                JSON.stringify(item);
                console.log(item);
                if(item.dictionaryName == "公共选修课"){
                  this.getCourseNatureNameOptions();
                }else{
                  return;
                }
              })
          }
      );
  }
  /**
   * 课程类型为公共选修课，可选择课程性质；其他类型，则不需选择课程性质
   * @param type 
   */
  changeType(type:string){
    let dictionaryName=this.courseTypeNameOptions.find(x=>x.id==type).dictionaryName;//获取的课程类型名称
    this.dictionaryName=dictionaryName;  
    if(this.dictionaryName=="公共选修课"){
      this.renderer2.removeAttribute(this.courseNature.nativeElement,"disabled");
    }else{  
      this.courseInfo.courseNatureId=""; 
      this.renderer2.setAttribute(this.courseNature.nativeElement,"disabled","disabled");
    }
  }