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 相关文章推荐
Javascript 日期处理之时区问题
Oct 08 Javascript
JS TextArea字符串长度限制代码集合
Oct 31 Javascript
自己编写的类似JS的trim方法
Oct 09 Javascript
JS将数字转换成三位逗号分隔的样式(示例代码)
Feb 19 Javascript
JavaScript sup方法入门实例(把字符串显示为上标)
Oct 20 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
Aug 28 Javascript
微信小程序 加载 app-service.js 错误解决方法
Oct 12 Javascript
jQuery实现鼠标跟随效果
Feb 20 Javascript
Node.js数据库操作之连接MySQL数据库(一)
Mar 04 Javascript
原生javascript实现的全屏滚动功能示例
Sep 19 Javascript
VUE异步更新DOM - 用$nextTick解决DOM视图的问题
Nov 06 Javascript
js删除对象中的某一个字段的方法实现
Jan 11 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 作用域解析运算符(::)
2010/07/27 PHP
分享一下贝贝成长进度的php代码
2012/09/14 PHP
通过dbi使用perl连接mysql数据库的方法
2014/04/16 PHP
PHP使用GIFEncoder类生成的GIF动态图片验证码
2014/07/01 PHP
AES加解密在php接口请求过程中的应用示例
2016/10/26 PHP
PHP实现提取多维数组指定一列的方法总结
2019/12/04 PHP
PHP字符串和十六进制如何实现互相转换
2020/07/16 PHP
用JS在浏览器中创建下载文件
2014/03/05 Javascript
js图片轮播手动切换效果
2015/11/10 Javascript
jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法
2016/09/23 Javascript
Vue-resource实现ajax请求和跨域请求示例
2017/02/23 Javascript
详解ECMAScript6入门--Class对象
2017/04/27 Javascript
AngularJS+bootstrap实现动态选择商品功能示例
2017/05/17 Javascript
vue-cli webpack2项目打包优化分享
2018/02/07 Javascript
JavaScript函数式编程(Functional Programming)箭头函数(Arrow functions)用法分析
2019/05/22 Javascript
three.js利用射线Raycaster进行碰撞检测
2020/03/12 Javascript
Python提取Linux内核源代码的目录结构实现方法
2016/06/24 Python
Swift中的协议(protocol)学习教程
2016/07/08 Python
python读文件保存到字典,修改字典并写入新文件的实例
2018/04/23 Python
Python 实现「食行生鲜」签到领积分功能
2018/09/26 Python
pycharm 配置远程解释器的方法
2018/10/28 Python
pyqt5 删除layout中的所有widget方法
2019/06/25 Python
基于Python的ModbusTCP客户端实现详解
2019/07/13 Python
python 基于dlib库的人脸检测的实现
2019/11/08 Python
Python嵌入C/C++进行开发详解
2020/06/09 Python
css3过渡_动力节点Java学院整理
2017/07/11 HTML / CSS
HTML5混合开发二维码扫描以及调用本地摄像头
2017/12/27 HTML / CSS
极简的HTML5模版
2015/07/09 HTML / CSS
集世界奢侈品和设计师品牌的意大利精品买手店:Tessabit
2019/08/17 全球购物
端口镜像是怎么实现的
2014/03/25 面试题
政府门卫岗位职责
2014/04/29 职场文书
年终考核实施方案
2014/05/26 职场文书
绿色环保家庭事迹材料
2014/08/31 职场文书
廉政承诺书2015
2015/04/28 职场文书
MySQL 逻辑备份 into outfile
2022/05/15 MySQL
SpringBoot Http远程调用的方法
2022/08/14 Java/Android