Angularjs按需查询实例代码

前端之家收集整理的这篇文章主要介绍了Angularjs按需查询实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

这里写图片描述

这里写<a href=图片描述" src="https://files.jb51.cc/file_images/article/201710/2017103010510823.gif" style="font-size: medium; font-family: Simsun; white-space: normal; word-spacing: 0px; text-transform: none; font-weight: normal; color: rgb(0,0); font-style: normal; orphans: 2; widows: 2; display: inline !important; letter-spacing: normal; text-indent: 0px; font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px">

代码

{ 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按需查询实例代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的JavaScript相关文章