相思资源网 Design By www.200059.com
前言
一开始打算用原生的angularjs写,但是发现用原生angularjs,无论如何都不能获取里面图片的宽度和高度,因为angularjs内置的jquery方法里没有winth()
、height()
方法。
最好我还是引入了jquery,在同一scope
上绑定了宽度高度。下面上源码,顺便我会把里面的一些注意的点说一下。
效果图
首先说明下
1、首先使用了两个同级指令,并在两个同级指令间进行通信,同级指令间通信,非常简单,就是不要让同级的指令生成独立的scope
,并且在同一个作用域下就完成了。如果指令scope
没有特殊声明,那么就是父scope
。指令生成的模板没有特殊意义,除非在特定的scope
下编译,默认情况下,指令并不会创建新的子scope
,更多的是使用父scope
,也就是说,如果指令存在一个controller
下,它会使用controller
下的scope
。
2、然后就是用$q
来延迟异步获取数据,这个也可以看一下$q
的用法。
源码示例
<!DOCTYPE html> <html lang="en" ng-app="magnifierAPP"> <head> <meta charset="UTF-8"> <title></title> <script src="/UploadFiles/2021-04-02/angular.min.js">总结
以上就是这篇文章的全部内容,不知道大家都学会了吗?希望这篇文章对大家的学习或者工作能带来一定帮助,如果有问题欢迎大家留言交流。
相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com
暂无基于angularjs实现图片放大镜效果的评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。