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


Posted in Javascript onSeptember 07, 2017

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

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

Javascript 相关文章推荐
js jquery获取随机生成id的服务器控件的三种方法
Jul 11 Javascript
浅析return false的正确使用
Nov 04 Javascript
js淡入淡出焦点图幻灯片效果代码分享
Sep 08 Javascript
老生常谈JavaScript中的this关键字
Oct 01 Javascript
vue2.0开发实践总结之入门篇
Dec 06 Javascript
基于vue2框架的机器人自动回复mini-project实例代码
Jun 13 Javascript
详解vue-meta如何让你更优雅的管理头部标签
Jan 18 Javascript
在Node.js中将SVG图像转换为PNG,JPEG,TIFF,WEBP和HEIF格式的方法
Aug 22 Javascript
js实现圆形显示鼠标单击位置
Feb 11 Javascript
node.js中npm包管理工具用法分析
Feb 14 Javascript
vue 使用post/get 下载导出文件操作
Aug 07 Javascript
抖音短视频(douyin)去水印工具的实现代码
Mar 30 Javascript
基于Cookie常用操作以及属性介绍
Sep 07 #Javascript
基于require.js的使用(实例讲解)
Sep 07 #Javascript
基于vue.js路由参数的实例讲解——简单易懂
Sep 07 #Javascript
JQuery 获取多个select标签option的text内容(实例)
Sep 07 #jQuery
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 #jQuery
jQueryUI Sortable 应用Demo(分享)
Sep 07 #jQuery
Django使用多数据库的方法
Sep 06 #Javascript
You might like
判“新”函数:得到今天与明天的秒数
2006/10/09 PHP
php下载excel无法打开的解决方法
2013/12/24 PHP
php遍历删除整个目录及文件的方法
2015/03/13 PHP
php读取csv文件并输出的方法
2015/03/14 PHP
php数组比较实现查找连续数的方法
2015/07/29 PHP
Android AsyncTack 异步任务实例详解
2016/11/02 PHP
jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层
2009/05/21 Javascript
jquery last-child 列表最后一项的样式
2010/01/22 Javascript
关于jquery append() html时的小问题的解决方法
2010/12/16 Javascript
jQuery1.4.2与老版本json格式兼容的解决方法
2011/02/12 Javascript
js中设置元素class的三种方法小结
2011/08/28 Javascript
jquery简单实现外部链接用新窗口打开的方法
2015/05/30 Javascript
vue.js+boostrap项目实践(案例详解)
2016/09/21 Javascript
Node.js 回调函数实例详解
2017/07/06 Javascript
JS写谷歌浏览器chrome的外挂实例
2018/01/11 Javascript
详解创建自定义的Angular Schematics
2018/06/06 Javascript
通过图带你深入了解vue的响应式原理
2019/06/21 Javascript
JavaScript实现省市区三级联动
2020/02/13 Javascript
vue任意关系组件通信与跨组件监听状态vue-communication
2020/10/18 Javascript
python之import机制详解
2014/07/03 Python
Python的迭代器和生成器使用实例
2015/01/14 Python
pycharm设置注释颜色的方法
2018/05/23 Python
matplotlib savefig 保存图片大小的实例
2018/05/24 Python
python2.7 安装pip的方法步骤(管用)
2019/05/05 Python
Pytorch中index_select() 函数的实现理解
2019/11/19 Python
通过实例解析Python return运行原理
2020/03/04 Python
Tensorflow中k.gradients()和tf.stop_gradient()用法说明
2020/06/10 Python
乌克兰第一的珠宝网上商店:Gold.ua
2019/11/29 全球购物
社区党务公开实施方案
2014/03/18 职场文书
项目经理任命书
2014/06/04 职场文书
微笑服务标语
2014/06/24 职场文书
科学育儿宣传标语
2014/10/08 职场文书
2014年驾驶员工作总结
2014/11/18 职场文书
百万英镑观后感
2015/06/09 职场文书
少先队大队委竞选口号
2015/12/25 职场文书
导游词之安徽九华山
2019/09/18 职场文书