AngularJs中的$window服务的实例

最新推荐文章于 2022-04-12 10:07:10 发布
最新推荐文章于 2022-04-12 10:07:10 发布
阅读量764 收藏
点赞数 1
分类专栏： angularJS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dome_/article/details/79277543
版权

AngularJs中的$window服务，和JS中的window一样，测试代码如下：

01<!DOCTYPE html>
02<html lang="en">
03<head>
04    <meta charset="UTF-8">
05    <title>$window服务的实例</title>
06</head>
07<body ng-app="app" ng-controller="ctr">
08    <button ng-click="func();">按钮</button>
09    您的选择是：{{message}}
10</body>
11</html>
12<script type="text/javascript" src="http://www.zymseo.com/js/demo.js"></script>
13<script type="text/javascript" src="http://www.zymseo.com/js/angular.min.js"></script>
14<script type="text/javascript">
15    var m = angular.module('app', []);
16    m.controller('ctr', ['$scope', '$window', function($scope, $window){
17        $scope.func = function(){
18            if($window.confirm('确认操作？')){
19                $scope.message = '您点击了确认';
20            }else{
21                $scope.message = '您点击了取消';
22            }
23        }
24    }])
25</script>
K'illCode
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
AngularJS之$window窗口对象
游海东的技术专栏
08-31 1万+
1、问题背景     通过$window对象打印出输入框的内容2、实现源码 AngularJS之$window窗口对象 var app = angular.module("winApp",[]); app.controller("winCon",function($window,$scope){ $scope.phone = "15969569556
angularJS模态框$modal实例代码
10-19
在AngularJS中，$modal是一个强大的服务，用于创建模态框。它允许开发者方便地创建交互式的弹出视图，通常用于用户确认、输入数据或显示详细信息等场景。下面我们将详细探讨$modal的使用方法，包括如何引入、执行、...
angularjs的$window功能小练习
weixin_34146986的博客
05-09 97
我们想在一个文本框输入一些文字，然后点击铵钮，alert()出来。 &lt;div ng-app="alertApp" ng-controller="alertController"&gt; &lt;div&gt; &lt;label&gt;Name:&lt;/label&gt; &lt;input type="
angularjs的$window对象
zuoshenglo的博客
10-10 1120
使用的时候像服务一样的注入。 使用的时候如下： $window.alert("this is a test!!!!"）;
Windows10或windows Server2012部署Angular项目-----将Angular项目部署到IIS上
qq_37746855的博客
04-12 1870
文章目录将angular项目打包安装windows IISWindows10配置安装windows IISwindows Server2012 配置安装IIS安装URL Rewrite Module在该网站目录下添加一个配置文件web.config，复制下边的内容到web.config设置文件夹权限在IIS上部署添加网站一些报错处理在唯一密钥属性“fileExtension”设置为“.json”时，无法添加类型为“mimeMap”的重复集合项 将angular项目打包 ng build 安装windows
AngularJs的内置服务$window,$document,$location
SXS120730的博客
10-14 2287
各种service                 var my=angular.module("myapp",[]);         my.controller("myCtrl",function($scope,$window,$document,$location){             $scope.wHeight=$window.innerHeight;       
AngularJS中的拦截器实例详解
10-20
本篇文章将详细讲解AngularJS中的拦截器实例，以及如何使用它们来增强应用程序的功能。 首先，我们来看一下如何创建一个拦截器。在AngularJS中，拦截器是通过`$httpProvider`服务的`interceptors`数组添加的。在...
angularJs中跳转到指定的锚点实例($anchorScroll)
10-18
在AngularJS中，$anchorScroll服务提供了一个便捷的方法来实现页面内部的滚动定位，使得用户可以轻松地跳转到页面中的指定锚点。这个服务基于HTML5的hash值规则，当调用$anchorScroll时，它会查看当前URL的hash部分...
[angular]服务之4$window
灵眼儿上方
12-26 2561
[angular]服务之4$window
详解AngularJS之$window窗口对象
10-18
本篇文章主要介绍了AngularJS之$window窗口对象，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
AngularJs $location 和 $window
weixin_34203426的博客
11-24 142
$location $location服务解析浏览器地址中的url（基于window.location）并且使url在应用程序中可用。将地址栏中的网址的变化反映到$location服务和$location的变化反映到浏览器地址栏。 公开浏览器地址栏中的当前网址，这样就可以： 1.观察和监听网址。 2.改变网址。 与浏览器url同步当用户： 1.改变地址栏的值。 2. 单击“后退”或“...
angularjs 实现 window.onload() $(document).ready() 的4种方法
12-15 315
习惯了window.onload(),$(document).ready()，现在换成别的了，还真有点不习惯了。下面说一下常用的4种情况。 1，html中直接写 查看复制打印? "lib/angular/angular.min.js" type="text/javascript">   "text/javascript">       angular.elem
AngularJS内置服务
qq_35363709的博客
05-02 1612
1.$window用于注入原生JS中的window对象。 2.$document用于注入原生JS中的document文档对象。 3.timeout注入封装js中的setTimeout（）函数处理过程。 4.$interval用于注入封装的原生JS中的setInterval()函数处理过程。 5.$location用于注入原生JS中的location对象方便对于URL地址等操作。 6.
AngularJS $location学习笔记
热门推荐
不断成长的我
08-30 1万+
AngularJS $location学习笔记一、$lacation能做什么?　　$location服务分析浏览器地址栏中的URL（基于window.location），让我们可以在应用中较为方便地使用URL里面的东东。在地址栏中更改URL，会响应到$location服务中，而在$location中修改URL，也会响应到地址栏中。 1. $locationProvider： 1.
$scope绑定事件之$on方法和$emit,$broadcast
weixin_33768481的博客
02-05 602
function DemoCtrl($scope){ 　　$scope.count = 0; 　　$scope.$on('myevent',function(){ 　　　　$scope.count++; 　　}) }   视图&lt;button ng-click="$emit('myevent')"&gt;&lt;/button&gt;向同级以上dom所在的作用域传递,就是说只有同...
Angular新窗口打开
周搏的博客
06-08 1万+
记录一下： let url = $state.href('app.user'); window.open(url, '_blank')
angular2中自定义window对象
yaomengzhi的博客
02-15 4246
1、自定义window对象     在一组件类中写入如下函数    export class myobject {     constructor(){window['myobject'] = this;     test(){console.log('hi');  }    }   在另一个组件中可使用   function name() {      let myobjec
html中通过window获取vue实例
最新发布
05-30
1. 在Vue组件中，可以通过this.$root获取根Vue实例。 2. 在JavaScript代码中，可以通过全局变量Vue来获取Vue实例，例如： ``` var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) // 通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值