简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

AngularJS之对话框

黄舟
Lepaskan： 2017-02-18 13:28:43
asal
1134 orang telah melayarinya

1、问题背景

     AngularJS创建对话框，利用$window实现对话框


2、实现源码

<!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>
Salin selepas log masuk


3、实现结果

1172.png


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


Label berkaitan：
angularjs 对话框
sumber：php.cn
Artikel sebelumnya：zTree点击文字勾选复选框 Artikel seterusnya：AngularJS之依赖注入（实例一）
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Mengklik butang akan menyebabkan borang dimuat semula. Saya mempunyai borang dalam Angular dengan dua label butang. Satu butang menyerahkan boran...
daripada 2023-08-14 20:46:02
0
2
205
Apakah versi Angular? /** * @license AngularJS v1.7.5 * (c) 2010-2018 Google, Inc. http://angularjs.org * Lesen:...
daripada 2018-10-17 22:49:39
0
0
966
javascript - Bagaimanakah angularjs menanyakan menu peringkat kedua berdasarkan menu peringkat pertama? Tanya industri sekunder melalui industri utama, dan tanya industri utama melalui industri ...
daripada 2017-07-07 10:34:54
0
4
1254
javascript - Saya baru menggunakan angularJS+express, dan / dalam laluan penghalaan ditukar kepada %2F, menyebabkan laluan menjadi tidak sah. Bolehkah anda beritahu saya mengapa? Halaman dibuka seperti berikut. Klik pautan komputer, dan laluan URL dipaparkan seperti be...
daripada 2017-07-05 11:07:44
0
1
867
javascript - url ui-router AngularJS dipaparkan secara normal dan halaman tidak berubah? Pelajari AngularJS dan tambah list.html ke ui-routerindex.html secara automatik Klik teg d...
daripada 2017-07-05 11:06:15
0
1
739
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！