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 相关文章推荐
JavaScript window.setTimeout() 的详细用法
Nov 04 Javascript
js时间日期和毫秒的相互转换
Feb 22 Javascript
实现只能输入数字的input不用replace方法
Sep 12 Javascript
jquery sortable的拖动方法示例详解
Jan 16 Javascript
ExtJs纵坐标值重复问题的解决方法
Feb 27 Javascript
js实现简单随机抽奖的方法
Jan 27 Javascript
如何实现JavaScript动态加载CSS和JS文件
Dec 28 Javascript
利用n工具轻松管理Node.js的版本
Apr 21 Javascript
Angular设置别名alias的方法
Nov 08 Javascript
vue实现日历备忘录功能
Sep 24 Javascript
Vue最新防抖方案(必看篇)
Oct 30 Javascript
ES2020 新特性(种草)
Jan 12 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
PHP自动生成月历代码
2006/10/09 PHP
PHP中__get()和__set()的用法实例详解
2013/06/04 PHP
使用php实现快钱支付功能(涉及到接口)
2013/07/01 PHP
Yii框架中sphinx索引配置方法解析
2016/10/18 PHP
基于Laravel实现的用户动态模块开发
2017/09/21 PHP
Prototype最新版(1.5 rc2)使用指南(1)
2007/01/10 Javascript
JS隐藏参数post传值实例
2013/04/18 Javascript
jQuery获取注册信息并提示实现代码
2013/04/21 Javascript
JavaScript中的prototype.bind()方法介绍
2014/04/04 Javascript
jQuery分组选择器用法实例
2014/12/23 Javascript
jquery ajax双击div可直接修改div中的内容
2016/03/04 Javascript
JavaScript定义函数的三种实现方法
2017/09/23 Javascript
vue2.0使用swiper组件实现轮播的示例代码
2018/03/03 Javascript
vue中锚点的三种方法
2018/07/06 Javascript
基于bootstrap页面渲染的问题解决方法
2018/08/09 Javascript
微信小程序以ssm做后台开发的实现示例
2020/04/08 Javascript
JavaScript设计模式之策略模式实现原理详解
2020/05/29 Javascript
Node.js API详解之 V8模块用法实例分析
2020/06/05 Javascript
JavaScript数组排序的六种常见算法总结
2020/08/18 Javascript
python算法学习之计数排序实例
2013/12/18 Python
Django中URL视图函数的一些高级概念介绍
2015/07/20 Python
python中 * 的用法详解
2019/07/10 Python
Python使用扩展库pywin32实现批量文档打印实例
2020/04/09 Python
Python正则表达式如何匹配中文
2020/05/27 Python
Python scrapy爬取小说代码案例详解
2020/07/09 Python
HTML5+CSS3:3D展示商品信息示例
2017/01/03 HTML / CSS
英国地毯卖家:The Rug Seller
2019/07/18 全球购物
安德玛比利时官网:Under Armour比利时
2019/08/28 全球购物
关于赌博的检讨书
2014/01/08 职场文书
出生证明公证书
2014/04/09 职场文书
创建青年文明号材料
2014/05/09 职场文书
2015年教师节感恩寄语
2015/03/23 职场文书
行政处罚决定书
2015/06/24 职场文书
呐喊读书笔记
2015/06/30 职场文书
pandas中DataFrame重置索引的几种方法
2021/05/24 Python
Nginx隐藏式跳转(浏览器URL跳转后保持不变)
2022/04/07 Servers