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

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

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

艾斯德斯的博客   2021-03-29 我要评论
想了解AngularJS 打开新的标签页实现代码的相关内容吗,艾斯德斯的博客在本文为您仔细讲解angularjs 打开新的标签页的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点: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 打开新的标签页实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们