AngularJS 窗口服务

在AngularJS中，我们可以使用窗口服务（$window）来操作浏览器窗口。

使用方法

要使用窗口服务，我们需要在控制器函数中注入它:

angular.module('myApp', []).controller('myController', function($scope, $window) {
  // ...
});

然后，我们就可以通过$window对象来调用它的方法了。

方法

下面是$window对象的一些常用方法:

open(url, target, specs, replace)

打开一个新的浏览器窗口。

参数:

• url (string): 要打开的页面的 URL。
• target (string): 窗口的目标。
  • _blank: 在新窗口中打开。
  • _self: 在当前窗口中打开。
  • _parent: 在父窗口中打开。
  • _top: 在顶级窗口中打开。
• specs (string): 一个指定新窗口属性的逗号分隔的字符串。例如："width=500,height=400,left=100,top=100"。
• replace (bool): 如果为true，则将当前窗口的历史记录替换为新窗口的历史记录。

例如:

$window.open('http://www.google.com', '_blank', 'width=500,height=400');

close()

关闭浏览器窗口。

$window.close();

alert(msg)

弹出一个警告框。

$window.alert('Hello, world!');

confirm(msg)

弹出一个确认框。

if ($window.confirm('Are you sure you want to delete this item?')) {
  // delete item
}

prompt(msg, defaultValue)

弹出一个提示框，用户可以在其中输入文本。

var name = $window.prompt('Please enter your name:', 'John Doe');

总结

$window服务提供了一种与浏览器窗口交互的方法。我们可以使用它来打开新窗口、关闭窗口、弹出警告框、确认框和提示框等。