当前位置： 移动技术网 > IT编程>脚本编程>AngularJs > Angularjs按需查询实例代码

Angularjs按需查询实例代码

2017年12月12日  | 移动技术网IT编程  | 我要评论

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

这里写图片描述 

这里写图片描述 

代码：

/**
 * 获取课程类型下拉框数据
 */
 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");
 }
 }

总结

以上所述是小编给大家介绍的angularjs按需查询实例代码，希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网