什么是Angular JS？
Angular JS是一个开源的JavaScript框架，由Google维护。它通过MVC设计模式和双向数据绑定，使Web应用程序的开发变得非常快速和易于维护。
如何跳转到外部网站？
在Angular JS中，如果想要跳转到另一个网站，可以使用$window服务。该服务允许您访问浏览器窗口。在Angular代码中注入该服务，以使用它的功能。
如何使用$window服务跳转到外链？
您可以使用$window.location.href 属性来跳转到外部链接。这个属性指定将要被调用的URL。例如：
// 在你的代码中，注入$window服务 ：
angular.module('exampleApp', [])
.controller('exampleController', function($scope, $window) {
$scope.redirectToWebsite = function() {
$window.location.href('https://www.example.com');
};
});
在这个例子中，redirectToWebsite() 函数会重定向到example.com。
如何使用$window.open()打开一个新的浏览器窗口？
通过使用$window.open() 方法，可以在一个新的浏览器窗口打开一个外部链接。该方法接受两个参数：URL和窗口名称。例如：
// 在你的代码中，注入$window服务 ：
angular.module('exampleApp', [])
.controller('exampleController', function($scope, $window) {
$scope.openNewWindow = function() {
$window.open('https://www.example.com', '_blank');
};
});
在这个例子中，openNewWindow() 函数将在一个新的浏览器窗口中打开example.com。
如何避免浏览器插件阻止跳转到外链？
一些浏览器插件，例如广告拦截器和流氓软件检测器，会阻止跳转到外链。为了避免这种情况，您可以使用 rel = \"noopener noreferrer\"属性。这将确保链接在新的页面中打开，而且不会传递它的来源页面到打开的 URL 中，从而避免安全问题。
在Angular中，您可以使用 ng-href 和 target 属性来设置或渲染链接的目标。
<a
ng-href=\"{{vm.url | sanitize}}\"
target=\"_blank\"
rel=\"noopener noreferrer\">
{{vm.linkText}}
</a>
在这个例子中，sanitize是一个过滤器，清除任何可能的危险内容，vm.url是一个变量，包含要跳转到的URL，vm.linkText是链接的文本。
总结
Angular JS为开发人员提供了跳转到外链的多种方法，包括使用$window服务、$window.location.href、$window.open() 和ng-href和 target属性。单击链接时，避免插件阻止外部网站跳转的最佳方法是在链接上添加 rel=\"noopener noreferrer\" 属性。
