angularjs service各种服务

最新推荐文章于 2019-08-01 14:41:05 发布

置顶赛文

最新推荐文章于 2019-08-01 14:41:05 发布

阅读量726

点赞数

CC 4.0 BY-SA版权

分类专栏： angular js

本文链接：https://blog.youkuaiyun.com/qq_39493777/article/details/78023878

angular js 专栏收录该内容

15 篇文章

订阅专栏

本文通过一个具体的示例展示了如何使用AngularJS进行页面配置与控制，包括获取屏幕尺寸、设置页面标题、操作URL路径及绝对URL等。这些操作对于前端开发者来说非常实用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>service</title>
    <script src="../angular-1.5.5/angular.js"></script>
    <script>
        var my=angular.module("my",[]);
        my.controller("mys",function ($scope, $window, $document, $location) {
            $scope.wHeigth=$window.innerHeight;//获取屏幕的高度
            $scope.wWidth=$window.innerWidth;//获取屏幕的宽度

            //设置title
            $document[0].title="呵呵";
            $scope.title=$document[0].title;

            $scope.protocol=$location.protocol();//URL协议部分
            $scope.hostname=$location.host();//URL主机部分名称
            $scope.port=$location.port();//端口号
            $location.path("aaa");
            $scope.path=$location.path();
            $scope.absUrl=$location.absUrl();
            //设置URL中的hash部分
            //获得URL
        });
    </script>
</head>
<body ng-app="my" ng-controller="mys">
    <p>获取屏幕的高度{{wHeigth}}</p>
    <p>获取屏幕的宽度{{wWidth}}</p>
    <p>设置title{{title}}</p>
    <p>URL协议部分{{protocol}}</p>
    <p>URL主机部分{{hostname}}</p>
    <p>端口号{{port}}</p>
    <p>URL中的hash部分{{path}}</p>
    <p>获得URL{{absUrl}}</p>
</body>
</html>