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 打开新的标签页实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • AngularJS封装$http.post()实例详解

    AngularJS封装$http.post()实例详解

    这篇文章主要介绍了 AngularJS封装$http.post()实例详解的相关资料,需要的朋友可以参考下
    2017-05-05
  • 详解Angular.js数据绑定时自动转义html标签及内容

    详解Angular.js数据绑定时自动转义html标签及内容

    本篇文章主要介绍了详解Angular.js数据绑定时自动转义html标签及内容 ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2017-03-03
  • Angular4.0中引入laydate.js日期插件的方法教程

    Angular4.0中引入laydate.js日期插件的方法教程

    在AngularJs中我们会不可避免的使用第三方库,例如jquery插件库。下面这篇文章主要给大家介绍了关于Angular4.0中引入laydate.js日期插件的相关资料,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
    2017-12-12
  • Angular.js实现获取验证码倒计时60秒按钮的简单方法

    Angular.js实现获取验证码倒计时60秒按钮的简单方法

    最近做项目的时候又遇到了验证码倒计时的需求,发现这个功能还是挺实用的,所以就想着总结一下,下面这篇文章主要给大家介绍了关于利用Angular.js如何实现获取验证码倒计时按钮的简单方法,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-10-10
  • AngularJS实现使用路由切换视图的方法

    AngularJS实现使用路由切换视图的方法

    这篇文章主要介绍了AngularJS实现使用路由切换视图的方法,结合学生信息管理系统为例分析了使用controllers.js控制器来切换视图的具体步骤与相关操作技巧,需要的朋友可以参考下
    2017-01-01
  • 强大的 Angular 表单验证功能详细介绍

    强大的 Angular 表单验证功能详细介绍

    本篇文章主要介绍了强大的 Angular 表单验证功能详细介绍,使用 Angular 的内置表单校验能够完成绝大多数的业务场景的校验需求,有兴趣的可以了解一下
    2017-05-05
  • AngularJS入门教程之Hello World!

    AngularJS入门教程之Hello World!

    这篇文章主要介绍了AngularJS入门教程之Hello World!,本文用经典的应用程序“Hello World!”来讲解AngularJS,要的朋友可以参考下
    2014-12-12
  • angularjs 表单密码验证自定义指令实现代码

    angularjs 表单密码验证自定义指令实现代码

    这篇文章主要介绍了angularjs 表单密码验证自定义指令实现代码,需要的朋友可以参考下
    2016-10-10
  • angular中的cookie读写方法

    angular中的cookie读写方法

    本篇文章主要介绍了angular中的cookie读写方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • AngularJS学习笔记之ng-options指令

    AngularJS学习笔记之ng-options指令

    ng-options是angular-1.3新出的一个指令,这篇文章就来介绍这个指令的用法.有需要的小伙伴可以参考下。
    2015-06-06

最新评论