宝哥软件园

详解AngularJS之$窗口窗口对象

编辑:宝哥软件园 来源:互联网 时间:2021-09-01

一个浏览器窗口对象的引用。它是一个全局对象,在窗户中是全局可用的,但是它导致一些问题。在有角的中也经常通过$窗口服务提到它,因此它可以被重写、删除及测试。

验证代码:

$窗口等同于窗户。(函数(){ angular。模块(' Demo ',[]).控制器(' testCtrl ',['$window ',Testctrl]);函数testCtrl($ window){ $ window===window;} }());$窗口对象可以用来获取浏览器窗口各项属性(如窗口高度宽度、浏览器版本等等)。

1、问题背景

通过$窗口对象打印出输入框的内容

2、实现源码

!DOCTYPE html html head meta charset=' UTF-8 ' title angularjs之$窗口窗口对象/title脚本src=' http :http://apps。bdimg。com/libs/angular。js/1。4 .6/棱角分明。量滴js '/script脚本var app=angular。模块(' Winapp ',[]);app.controller('winCon ',函数($window,$ scope){ $ scope。电话=' 15969569556 ';$ scope。show phone=function(){ $ window。警报('您输入的手机号是:' $ scope。电话);};});/script/head body ng-app=' winApp ' div ng-controller=' winCon '输入类型=' text ' id=' phone ' maxlength=' 11 ' ng-model=' phone '/button ng-click=' show phone();'显示手机号/button /div /body /html 3、实现结果

PS:angularjs中书写窗口。调整大小功能

!DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title title/title script src=' http : angular。js '/script脚本var app=angular。模块(' myApp ',[]);app.controller('myCtrl ',函数($scope,$ window){ $ scope。默认=' hello worldvar w=角度。元素($ window);w.bind('resize ',function(){ console。日志(新日期())})});/script/head dydiv ng-app=' myApp ' ng-controller=' myCtrl ' h1 { { default } }/h1/div/body/html以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

更多资讯
游戏推荐
更多+