亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

詳解AngularJS之$window窗口對(duì)象

 更新時(shí)間：2018年01月17日 09:37:29   作者：翱翔天地  
本篇文章主要介紹了AngularJS之$window窗口對(duì)象，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

一個(gè)瀏覽器窗口對(duì)象的引用。它是一個(gè)全局對(duì)象，在window中是全局可用的，但是它導(dǎo)致一些問(wèn)題。在Angular中也經(jīng)常通過(guò)$window服務(wù)提到它，因此它可以被重寫(xiě)、刪除及測(cè)試。

驗(yàn)證代碼：

$window 等同于 window。
 (function(){
   angular.module('Demo', [])
   .controller('testCtrl',["$window",testCtrl]);
   function testCtrl($window) {
     $window === window;
   }
 }());

$window對(duì)象可以用來(lái)獲取瀏覽器窗口各項(xiàng)屬性（如窗口高度寬度、瀏覽器版本等等）。

1、問(wèn)題背景

通過(guò)$window對(duì)象打印出輸入框的內(nèi)容

2、實(shí)現(xiàn)源碼

<!DOCTYPE html> 
<html> 
  <head> 
    <meta charset="UTF-8"> 
    <title>AngularJS之$window窗口對(duì)象</title> 
    <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> 
    <script> 
      var app = angular.module("winApp",[]); 
      app.controller("winCon",function($window,$scope){ 
        $scope.phone = "15969569556"; 
        $scope.showPhone = function(){ 
          $window.alert("您輸入的手機(jī)號(hào)是："+$scope.phone); 
        }; 
      }); 
    </script> 
  </head> 
  <body ng-app="winApp"> 
    <div ng-controller="winCon"> 
      <input type="text" id="phone" maxlength="11" ng-model="phone"/> 
      <button ng-click="showPhone();">顯示手機(jī)號(hào)</button> 
    </div> 
  </body> 
</html>

3、實(shí)現(xiàn)結(jié)果

PS：angularjs中書(shū)寫(xiě)window.resize功能

 <!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
 <script src="angular.js"></script>
 <script>
  var app = angular.module('myApp', []);
  app.controller('myCtrl', function ($scope, $window) {
   $scope.default = "hello world";
   var w = angular.element($window);
   w.bind('resize', function(){
    console.log(new Date())
   })
  });
 </script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<h1>{{default}}</h1>
</div>
</body>
</html>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論