Angularjs按需查询实例代码

 更新时间:2017年10月30日 10:49:53   作者:王红伟  
这篇文章主要介绍了Angularjs按需查询实例代码,需要的朋友可以参考下

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

这里写图片描述 

这里写图片描述 

代码:

/**
 * 获取课程类型下拉框数据
 */
 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按需查询实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • AngularJS中的作用域实例分析

    AngularJS中的作用域实例分析

    这篇文章主要介绍了AngularJS中的作用域,结合实例形式较为详细的分析了AngularJS涉及作用域的相关问题与注意事项,需要的朋友可以参考下
    2018-05-05
  • 详解Angular组件数据不能实时更新到视图上的问题

    详解Angular组件数据不能实时更新到视图上的问题

    这篇文章主要为大家介绍了Angular组件数据不能实时更新到视图上的问题详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • 解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题

    解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题

    这篇文章主要介绍了angular 中使用原生拖拽页面卡顿及表单控件输入延迟问题,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-04-04
  • Angular angular-file-upload文件上传的示例代码

    Angular angular-file-upload文件上传的示例代码

    这篇文章主要介绍了Angular angular-file-upload文件上传的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • angularjs请求数据的方法示例

    angularjs请求数据的方法示例

    这篇文章主要给大家介绍了关于angularjs请求数据的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用angularjs具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-08-08
  • 在angularJs中进行数据遍历的2种方法

    在angularJs中进行数据遍历的2种方法

    今天小编就为大家分享一篇在angularJs中进行数据遍历的2种方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-10-10
  • Angular HMR(热模块替换)功能实现方法

    Angular HMR(热模块替换)功能实现方法

    本篇文章主要介绍了Angular HMR(热模块替换)功能实现方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • 使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解

    使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解

    最近做项目时遇到了需要用到多选按钮选中触发事件的功能,小编试着手写一个指令,具体实现代码大家参考下本文吧
    2017-07-07
  • Angular项目如何升级至Angular6步骤全纪录

    Angular项目如何升级至Angular6步骤全纪录

    这篇文章主要给大家介绍了关于Angular项目如何升级至Angular6的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-09-09
  • Angular.js实现扫码枪扫码并生成二维码

    Angular.js实现扫码枪扫码并生成二维码

    这篇文章主要为大家介绍了Angular.js实现扫码枪扫码并生成二维码示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03

最新评论