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('对话框！')">对话框</button>
</p>
</body>
</html>
3、实现结果
以上就是AngularJS之对话框的内容，更多相关内容请关注PHP中文网（m.sbmmt.com）！
Ciri-ciri rangkaian
Bagaimana untuk mengekalkan bilangan tempat perpuluhan dalam C++
Bagaimana untuk menyediakan muat semula automatik halaman web
Bagaimana untuk menyelesaikan sintaks yang tidak sah dalam Python
Bagaimana untuk menjadi kawan rapat di TikTok
freelaunchbar
pelayan web
Berapakah nilai Dimensity 9000 bersamaan dengan Snapdragon?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
