课程信息管理界面有这样一个需求,当课程类型为公选课的时候,可以选择课程性质,当为其他课程类型的时候,不必选择课程性质。
图片描述" 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 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。