day5 关于转办事件等问题

Posted myicons

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了day5 关于转办事件等问题相关的知识,希望对你有一定的参考价值。

ng-class 是angularjs预设的一个指令,用于动态自定义dom元素的css class name.

 

JS里面不区分大小写,所以在命名时需要注意。

 

自定义指令:

控制器scope

angularjs控制器控制angularjs应用程序的数据,是常规的js对象。

ng-controller指令就是用来定义程序控制器的,并且同时创建一个新的作用域关联

到相应的DOM元素上。

所谓作用域就是一个指向应用模型的对象,它是表达式的执行环境,作用域有层次

结构,该层次结构和相应的DOM几乎一样,作用域能监控表达式和传递事件并可以从

父作用域继承属性。

 

在本项目中,只有一个根作用域,即$rootscope,且在本项目中只要是由ng-app指令的

文件,其作用域都是全局的,而每一个html和其对应的congtroller页面都是子作用域。

 

 

 

今天工作内容:

转办事项数据人员添加:

涉及到三个文件:service(获取数据)

后台所给的路径是receiveTransferUser/{reportid}  get  //get为采用get方式请求。注意路径的写法。

技术分享图片

html文件(增加显示模态框)

技术分享图片

 其中ng-model为多选框所选中的数据,transferdata为所获取得所有数据。具体内容见controller

js controller文件

技术分享图片

上一部分写在触发时间中

技术分享图片

 定义模态框中的各个属性:

 技术分享图片

但这样在执行的时候会报

self.interface.receiveTransferUser is not a function .
这是因为在程序在service中的定义出现问题,即路径和self. 不一致,具体见上图。
同时还需要调用该方法,否则执行不了。
技术分享图片

 

 具体模型见 

D:PJ20180503jiepanplatformsrcappcontrollersstatisticscommonsjclduban.js

D:PJ20180503jiepanplatformsrcapp plstatisticscommonsjclduban.html

D:PJ20180503jiepanplatformsrcappservicesstatisticscommonsjcldbsxService.js

三个文件。

 

以上是关于day5 关于转办事件等问题的主要内容,如果未能解决你的问题,请参考以下文章

知识关于事件冒泡事件捕获等总结

关于事件的简单汇总

关于问题解决与事件解决的思考

关于linux哪些能调用schedule或者等待事件的问题

还在频繁定义常量?不试试用枚举代替(备战2022春招或暑期实习,每天进步一点点,打卡100天,Day5)

javascript关于鼠标的移入移除事件的问题