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> <div ng-controller="winCon"> <button ng-click="tanClick('对话框!')">对话框</button> </div> </body> </html>
3、实现结果
原文链接:https://www.f2er.com/angularjs/148903.html