Maison > interface Web > js tutoriel > le corps du texte

Boîte de dialogue AngularJS

黄舟
Libérer: 2017-02-18 13:28:43
original
1173 Les gens l'ont consulté

1. Contexte du problème

AngularJS crée une boîte de dialogue et utilise $window pour implémenter la boîte de dialogue


2. Code source d'implémentation

<!DOCTYPE html>
<html ng-app="winApp">
	<head>
		<meta charset="UTF-8">
		<title>AngularJS之对话框</title>
		<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
		<script>
			var app = angular.module("winApp",[]);
			app.factory("$show",function($window){
				return{
					show:function(content){
						$window.alert(content);
					}
				};
			});
			
			var control = function($scope,$show){
				$scope.tanClick = function(message){
					$show.show(message);
				}
			}
			
			app.controller("winCon",control);
		</script>
	</head>
	<body>
		<p ng-controller="winCon">
			<button ng-click="tanClick(&#39;对话框!&#39;)">对话框</button>
		</p>
	</body>
</html>
Copier après la connexion


3. Résultat de la mise en œuvre

Boîte de dialogue AngularJS


Ce qui précède est le contenu de la boîte de dialogue AngularJS box, plus de contenu connexe Veuillez faire attention au site Web PHP chinois (www.php.cn) !


Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
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!