简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

AngularJS之$window窗口对象

黄舟
Libérer： 2017-02-18 13:50:34
original
1216 Les gens l'ont consulté

1、问题背景

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


2、实现源码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>AngularJS之$window窗口对象</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("您输入的手机号是："+$scope.phone);
				};
			});
		</script>
	</head>
	<body ng-app="winApp">
		<p ng-controller="winCon">
			<input type="text" id="phone" maxlength="11" ng-model="phone"/>
			<button ng-click="showPhone();">显示手机号</button>
		</p>
	</body>
</html>
Copier après la connexion


3、实现结果


 以上就是AngularJS之$window窗口对象的内容，更多相关内容请关注PHP中文网（www.php.cn）！


Étiquettes associées：
AngularJS，$window，窗口对象
source：php.cn
Article précédent：AngularJS之定时器无法停止 Article suivant：高德地图-绘制去程和回程路线
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Mise à l'échelle des polices en fonction de la taille du conteneur J'ai du mal à comprendre le problème de mise à l'échelle des polices. J'ai actuellement un...
Depuis 2023-10-08 21:42:41
0
2
231
Avertissement React : la profondeur de mise à jour a dépassé la limite maximale lors de la mise à jour de l'état dans useEffect J'essaie de mettre à jour ma variable d'état qui est un objet contenant une variable boolé...
Depuis 2023-09-06 13:46:55
0
1
300
Aperçu du cours d'enseignement du 12 septembre 2018 : Explication détaillée des opérations dom en Javascript 1. Sujet d'enseignement : Contenu des opérations DOM en Javascript. (Le nom complet de DOM...
Depuis 2018-09-12 14:45:26
0
0
995
À propos de pageLoad et ispostback 7. La fenêtre de code de programme d'une page aspx contient le programme suivant. Veuillez...
Depuis 2018-01-07 22:43:58
0
1
1548
java - Angularjs中的依赖注入和Spring中的有没有什么区别? 同样都是Dependency Injection, 但在Spring中，被调用的对象是接口的方式，而Js中没有接口这一概念，一直在想把Angularjs中的DI和Spring进行一...
Depuis 2017-04-18 10:27:36
0
0
164
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！