Angularjs按需查询实例代码


Posted in Javascript onOctober 30, 2017

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

Angularjs按需查询实例代码 

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

Javascript 相关文章推荐
js模仿windows桌面图标排列算法具体实现(附图)
Jun 16 Javascript
jQuery插件pagination实现分页特效
Apr 12 Javascript
JS表单验证的代码(常用)
Apr 08 Javascript
利用jQuery的动画函数animate实现豌豆发射效果
Aug 28 Javascript
微信小程序 开发之滑块视图容器(swiper)详解及实例代码
Feb 22 Javascript
Mint UI 基于 Vue.js 移动端组件库
Nov 07 Javascript
vue2中,根据list的id进入对应的详情页并修改title方法
Aug 24 Javascript
Vue中的Props(不可变状态)
Sep 29 Javascript
async/await让异步操作同步执行的方法详解
Nov 01 Javascript
如何利用node转发请求详解
Sep 17 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
Sep 18 Javascript
JS前端轻量fabric.js系列之画布初始化
Aug 05 Javascript
Vue中正确使用jQuery的方法
Oct 30 #jQuery
ES6 javascript中Class类继承用法实例详解
Oct 30 #Javascript
轻松理解vue的双向数据绑定问题
Oct 30 #Javascript
jQuery 禁止表单用户名、密码自动填充功能
Oct 30 #jQuery
移动端网页开发调试神器Eruda的介绍与使用技巧
Oct 30 #Javascript
ES6 javascript的异步操作实例详解
Oct 30 #Javascript
React Native 搭建开发环境的方法步骤
Oct 30 #Javascript
You might like
基于PHP创建Cookie数组的详解
2013/07/03 PHP
PHP中使用foreach()遍历二维数组的简单实例
2016/06/13 PHP
获取URL地址中的文件名和参数的javascript代码
2009/09/02 Javascript
js 弹出新页面避免被浏览器、ad拦截的一种新方法
2014/04/30 Javascript
深入解析JavaScript的闭包机制
2015/10/20 Javascript
jQuery模拟实现的select点击选择效果【附demo源码下载】
2016/11/09 Javascript
基于BootStrap栅格栏系统完成网站底部版权信息区
2016/12/23 Javascript
JavaScript结合HTML DOM实现联动菜单
2017/04/05 Javascript
vuejs如何配置less
2017/04/25 Javascript
Vue input控件通过value绑定动态属性及修饰符的方法
2017/05/03 Javascript
浅谈React + Webpack 构建打包优化
2018/01/23 Javascript
Vue递归实现树形菜单方法实例
2018/11/06 Javascript
vue中轮训器的使用
2019/01/27 Javascript
详解vue2.6插槽更新v-slot用法总结
2019/03/09 Javascript
js类的继承定义与用法分析
2019/06/21 Javascript
微信小程序利用Canvas绘制图片和竖排文字详解
2019/06/25 Javascript
JavaScript进阶(二)词法作用域与作用域链实例分析
2020/05/09 Javascript
使用原生JS实现滚轮翻页效果的示例代码
2020/05/31 Javascript
python使用Flask框架获取用户IP地址的方法
2015/03/21 Python
浅谈Python使用Bottle来提供一个简单的web服务
2017/12/27 Python
Flask框架实现给视图函数增加装饰器操作示例
2018/07/16 Python
使用50行Python代码从零开始实现一个AI平衡小游戏
2018/11/21 Python
Python I/O与进程的详细讲解
2019/03/08 Python
python文件选择对话框的操作方法
2019/06/27 Python
Python多线程通信queue队列用法实例分析
2020/03/24 Python
PHP基于phpqrcode类库生成二维码过程解析
2020/05/28 Python
Python 日期与时间转换的方法
2020/08/01 Python
python opencv实现简易画图板
2020/08/27 Python
HTML5中的Web Notification桌面右下角通知功能的实现
2018/04/19 HTML / CSS
英国建筑用品在线:Building Supplies Online(BSO)
2018/04/30 全球购物
自荐书封面下载
2013/11/29 职场文书
大学中国梦演讲稿
2014/04/23 职场文书
计算机实训报告范文
2014/11/05 职场文书
恋恋笔记本观后感
2015/06/16 职场文书
2016年领导干部廉政承诺书
2016/03/24 职场文书
Java实现HTML转为Word的示例代码
2022/06/28 Java/Android