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 相关文章推荐
jQuery学习笔记之总体架构
Jun 03 Javascript
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
Jun 25 Javascript
JS+CSS实现精美的二级导航效果代码
Sep 17 Javascript
AngularJS转换响应内容
Jan 27 Javascript
基于Bootstrap重置输入框内容按钮插件
May 12 Javascript
Vue.js中兄弟组件之间互相传值实例
Jun 01 Javascript
js+html获取系统当前时间
Nov 10 Javascript
如何从零开始利用js手写一个Promise库详解
Apr 19 Javascript
vue弹窗插件实战代码
Sep 08 Javascript
让webpack+vue-cil项目不再自动打开浏览器的方法
Sep 27 Javascript
微信小程序顶部导航栏滑动tab效果
Jan 28 Javascript
javascript代码简写的几种常用方式汇总
Aug 23 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
Session的工作机制详解和安全性问题(PHP实例讲解)
2014/04/10 PHP
php输出全球各个时区列表的方法
2015/03/31 PHP
CI框架的安全性分析
2016/05/18 PHP
php图片裁剪函数
2018/10/31 PHP
PHP Trait代码复用类与多继承实现方法详解
2019/06/17 PHP
推荐:极酷右键菜单
2006/11/29 Javascript
js如何调用qq互联api实现第三方登录
2014/03/28 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
2014/05/21 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
2014/06/16 Javascript
Nodejs实现的一个静态服务器实例
2014/12/06 NodeJs
EasyUI加载完Html内容样式渲染完成后显示
2016/07/25 Javascript
JS继承之借用构造函数继承和组合继承
2016/09/07 Javascript
Javascript动画效果(3)
2016/10/11 Javascript
详解微信小程序文件下载--视频和图片
2019/04/24 Javascript
layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子
2019/09/11 Javascript
vue中音频wavesurfer.js的使用方法
2020/02/20 Vue.js
原生js中运算符及流程控制示例详解
2021/01/05 Javascript
[01:00]选手抵达华西村 整装待发备战2016国际邀请赛中国区预选赛
2016/06/25 DOTA
[39:52]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第一场
2018/04/04 DOTA
对比Python中__getattr__和 __getattribute__获取属性的用法
2016/06/21 Python
Python数据结构之单链表详解
2017/09/12 Python
Python二叉树的定义及常用遍历算法分析
2017/11/24 Python
Python+OpenCV让电脑帮你玩微信跳一跳
2018/01/04 Python
解决pycharm无法识别本地site-packages的问题
2018/10/13 Python
django 外键model的互相读取方法
2018/12/15 Python
75条笑死人的知乎神回复,用60行代码就爬完了
2019/05/06 Python
500行python代码实现飞机大战
2020/04/24 Python
Flask缓存静态文件的具体方法
2020/08/02 Python
Pycharm中如何关掉python console
2020/10/27 Python
python自动生成sql语句的脚本
2021/02/24 Python
实习教师自我鉴定
2013/12/12 职场文书
《赶海》教学反思
2014/04/20 职场文书
大学生党员学习焦裕禄精神思想汇报
2014/09/10 职场文书
python 爬取京东指定商品评论并进行情感分析
2021/05/27 Python
Mysql 设置boolean类型的操作
2021/06/04 MySQL
低门槛开发iOS、Android、小程序应用的前端框架详解
2021/10/16 Javascript