Maison > Article > interface Web > Boîte de dialogue AngularJS

Boîte de dialogue AngularJS

黄舟original: 2017-02-18 13:28:431175parcourir

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>

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) !

Déclaration：

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

Article précédent：zTree cliquez sur le texte pour cocher la caseArticle suivant：zTree cliquez sur le texte pour cocher la case

Articles Liés

Voir plus