Angular에서 지역 정보를 얻기 위해 기본 제공 서비스를 얻는 방법
- 一个新手원래의
- 2017-10-14 09:10:381572검색
저희는 이전에 angular를 사용하여 타이머를 설정했습니다. 오늘은 타이머를 기반으로 몇 가지 연습을 해보겠습니다.
다음 정보를 얻으려면 내장된 서비스를 사용하세요:
1. 화면 높이 가져오기
2. 화면 너비 가져오기
3.페이지 가져오기title
4. URLProtocol
5.GetURLHost
6.포트 번호
7.GetURL을 가져옵니다. 해시 Part
8.액세스 주소를 가져옵니다. 즉, URLaddress
기타 요구 사항:
1. 높이와 너비는 2 뒤에 표시됩니다. 페이지를 연 지 3초 후
2 페이지를 연 지 3초 후에 .title, 프로토콜, 호스트가 표시됩니다.
3. 페이지를 연 후 5초 후에 포트 번호, URL 주소가 나타납니다. 표시 여부를 묻습니다. 예를 클릭하면 표시되고, 그렇지 않으면 표시되지 않습니다.
<!DOCTYPE html><html><head>
<meta charset="UTF-8">
<script type="text/javascript" src="angular-1.3.0.js"></script>
<title>day12日考</title></head><body ng-app="myApp"><p ng-controller="myCtrl">
<p>屏幕有效的宽度（单位：像素）:{{ width }}</p>
<p>屏幕有效的高度（单位：像素）:{{ height }}</p>
<p>页面title:{{ title }}</p>
<p>URL主机:{{ host }}</p>
<p>URL协议:{{ protocol }}</p>
<p>端口:{{ port }}</p>
<p>URL的hash部分:{{ hash }}</p>
<p>URL地址:{{ href }}</p></p><script>
var nowtime = function () { return new Date().toLocaleDateString() + " " + new Date().toLocaleTimeString();
}; var app = angular.module("myApp", []); app.controller("myCtrl", function ($scope, $interval, $timeout) {
$interval(function () {
$scope.width = screen.availWidth;
$scope.height = screen.availHeight;
}, 2000);
$timeout(function () {
$scope.title = document.title;
$scope.host = location.host;
$scope.protocol = location.protocol;
}, 3000);
$timeout(function () { var msg = "是否显示？"; if (confirm(msg)==true){
$scope.port = window.location.port;
$scope.hash = location.hash;
$scope.href = window.location.href;
}else{ alert("你选择了不展示");
}
}, 5000);
});</script></body></html>
위 내용은 Angular에서 지역 정보를 얻기 위해 기본 제공 서비스를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!