suchen

Heim >Web-Frontend >js-Tutorial >AngularJS-Dialogfeld

AngularJS-Dialogfeld

黄舟
黄舟Original
2017-02-18 13:28:431192Durchsuche

1. Problemhintergrund

AngularJS erstellt ein Dialogfeld und verwendet $window, um das Dialogfeld zu implementieren


2. Implementierungsquellcode

<!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. Implementierungsergebnis

AngularJS-Dialogfeld


Das Obige ist der Inhalt des AngularJS-Dialogs Box, weitere verwandte Inhalte Bitte beachten Sie die chinesische PHP-Website (www.php.cn)!


Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：zTree klicken Sie auf den Text, um das Kontrollkästchen zu aktivierenNächster Artikel：zTree klicken Sie auf den Text, um das Kontrollkästchen zu aktivieren

In Verbindung stehende Artikel

Mehr sehen