AngularJS 打开新的标签页实现代码

 更新时间:2017年09月07日 08:23:00   作者:艾斯德斯的博客  
本文通过实例代码给大家介绍了angularJS 打开新的标签页方法,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧

废话不多说了,直接给大家贴代码了,具体代码如下所示:

 <!DOCTYPE html> 
<html ng-app="myPro"> 
  <head> 
    <meta charset="UTF-8"> 
    <title>angularJS-打开新的标签页</title> 
    <script type="text/javascript" src="js/angular.min.js" ></script> 
    <script type="text/javascript" src="js/jquery-1.11.0.js" ></script> 
  </head> 
  <body ng-controller="myProController"> 
    <button ng-click="click_this()">打开新的标签页</button> 
  </body> 
  <script> 
    var pro = angular.module("myPro",[]); 
    pro.controller("myProController",["$scope","$location",function($scope,$location){ 
      $scope.click_this = function(){ 
        var url = $location.absUrl().split("angularJS_")[0]+'angularJS_newTab.html'; 
        window.open(url,"_blank"); 
      }; 
    }]); 
  </script> 
</html> 

总结

以上所述是小编给大家介绍的AngularJS 打开新的标签页实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 使用Angular9和TypeScript开发RPG游戏的方法

    使用Angular9和TypeScript开发RPG游戏的方法

    这篇文章主要介绍了使用Angular9和TypeScript开发RPG游戏的方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03
  • AngualrJS中每次$http请求时的一个遮罩层Directive

    AngualrJS中每次$http请求时的一个遮罩层Directive

    AngularJS是一款非常强大的前端MVC框架。接下来通过本文给大家介绍AngualrJS中每次$http请求时的一个遮罩层Directive,本文非常具有参考借鉴价值,特此分享供大家学习
    2016-01-01
  • Angular2使用vscode断点调试ts文件的方法

    Angular2使用vscode断点调试ts文件的方法

    本篇文章主要介绍了Angular2使用vscode断点调试ts文件的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • Angular中Lazy Loading懒加载陷阱避坑最佳实践

    Angular中Lazy Loading懒加载陷阱避坑最佳实践

    这篇文章主要为大家介绍了Angular中Lazy Loading懒加载陷阱避坑最佳实践,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • AngularJS入门教程之过滤器详解

    AngularJS入门教程之过滤器详解

    本文主要讲解AngularJS 过滤器,这里整理了过滤器的相关资料并附示例代码,帮助大家学习AngularJS的知识,有需要的小伙伴可以参考下
    2016-08-08
  • 深入理解AngularJS中的ng-bind-html指令

    深入理解AngularJS中的ng-bind-html指令

    ng-bind-html和ng-bind的区别就是,ng-bind把值作为字符串,和元素的内容进行绑定,但是ng-bind-html把值作为html,和元素的html进行绑定.相当于jq里面的.text()和.html()。这篇文章主要给大家深入的介绍了AngularJS中ng-bind-html指令 的相关资料,需要的朋友可以参考下。
    2017-03-03
  • AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码

    AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码

    本篇文章主要介绍了AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码,具有一定的参考价值,有兴趣的可以了解一下。
    2016-12-12
  • Angular2学习教程之ng中变更检测问题详解

    Angular2学习教程之ng中变更检测问题详解

    这篇文章主要给大家介绍了Angular2学习教程之ng中变更检测问题的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-05-05
  • MODULE_INITIALIZER初始化Angular 懒加载模块高级技巧

    MODULE_INITIALIZER初始化Angular 懒加载模块高级技巧

    这篇文章主要为大家介绍了MODULE_INITIALIZER初始化Angular懒加载模块高级技巧示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • Angularjs 与 bower安装和使用详解

    Angularjs 与 bower安装和使用详解

    这篇文章主要介绍了Angularjs 与 bower安装和使用详解的相关资料,需要的朋友可以参考下
    2017-05-05

最新评论