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

相关文章

  • Angular统一注入器unified injector简化依赖关系管理

    Angular统一注入器unified injector简化依赖关系管理

    这篇文章主要为大家介绍了Angular统一注入器unified injector简化依赖关系管理的使用方法实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • 详解如何构建一个Angular6的第三方npm包

    详解如何构建一个Angular6的第三方npm包

    这篇文章主要介绍了详解如何构建一个Angular6的第三方npm包,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • Angularjs的启动过程分析

    Angularjs的启动过程分析

    本篇文章主要介绍了Angularjs的启动过程分析,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • AngularJs返回前一页面时刷新一次前面页面的方法

    AngularJs返回前一页面时刷新一次前面页面的方法

    今天小编就为大家分享一篇AngularJs返回前一页面时刷新一次前面页面的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-10-10
  • AngularJS手动表单验证

    AngularJS手动表单验证

    这篇文章主要介绍了AngularJS手动表单验证的相关资料,AngularJS的表单验证大致有两种,一种是手动验证,一种是自动验证,本文重点介绍AngularJS手动表单验证,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • 详解angularJs中关于ng-class的三种使用方式说明

    详解angularJs中关于ng-class的三种使用方式说明

    本篇文章主要介绍了angularJs中关于ng-class的三种使用方式说明,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • 深入理解Angular2 模板语法

    深入理解Angular2 模板语法

    这篇文章主要介绍了Angular2 模板语法的相关资料,非常不错,感兴趣的朋友一起学习吧,需要的朋友可以参考下
    2016-08-08
  • Angular客户端请求Rest服务跨域问题的解决方法

    Angular客户端请求Rest服务跨域问题的解决方法

    本篇文章主要介绍了Angular客户端请求Rest服务跨域问题的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • angular实现input输入监听的示例

    angular实现input输入监听的示例

    今天小编就为大家分享一篇angular实现input输入监听的示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍

    Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍

    这篇文章主要给大家介绍了Angularjs中ng-repeat-start与ng-repeat-end的用法,文章开始先进行了简单的介绍,而后通过完整的实例代码详细给大家介绍这两者的用法,有需要的朋友们可以参考借鉴,下面来一起看看吧。
    2016-12-12

最新评论