1. Problem background
AngularJS creates a dialog box and uses $window to implement the dialog box
2. Implementation source code
<!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. Implementation result
The above is the content of the AngularJS dialog box. Please pay attention to more related content. PHP Chinese website (www.php.cn)!
Why does wifi have an exclamation mark?
How to remove other people's TikTok watermarks from TikTok videos
Bitcoin latest price trend
Top 10 most secure digital currency exchanges in 2024
Why webstorm cannot run the file
How to use busybox
How to recover data after formatting
What is the website address of Ouyi?
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
