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中的onerror事件概述及使用
Apr 01 Javascript
jQuery中.live()方法的用法深入解析
Dec 30 Javascript
jquery实现鼠标拖动图片效果示例代码
Jan 09 Javascript
js验证电话号码与手机支持+86的正则表达式
Jan 23 Javascript
单元选择合并变色示例代码
May 26 Javascript
简化版手机端照片预览组件
Apr 13 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
Aug 04 Javascript
BOM系列第二篇之定时器requestAnimationFrame
Aug 17 Javascript
Bootstrap的popover(弹出框)2秒后定时消失的实现代码
Feb 27 Javascript
Node.js发送HTTP客户端请求并显示响应结果的方法示例
Apr 12 Javascript
Vue仿今日头条实例详解
Feb 06 Javascript
微信小程序云开发之云函数详解
May 16 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
实测在class的function中include的文件中非php的global全局环境
2013/07/15 PHP
神盾加密解密教程(三)PHP 神盾解密工具
2014/06/08 PHP
php实现的通用图片处理类
2015/03/24 PHP
php插入含有特殊符号数据的处理方法
2016/11/24 PHP
PHP遍历目录文件的常用方法小结
2017/02/03 PHP
DLL+ ActiveX控件+WEB页面调用例子
2010/08/07 Javascript
Javascript中找到子元素在父元素内相对位置的代码
2012/07/21 Javascript
jsonp原理及使用
2013/10/28 Javascript
用js将内容复制到剪贴板兼容浏览器
2014/03/18 Javascript
js如何调用qq互联api实现第三方登录
2014/03/28 Javascript
javascript中indexOf技术详解
2015/05/07 Javascript
有关Promises异步问题详解
2015/11/13 Javascript
jQuery插件编写步骤详解
2016/06/03 Javascript
angularjs+bootstrap实现自定义分页的实例代码
2017/06/19 Javascript
基于vue中css预加载使用sass的配置方式详解
2018/03/13 Javascript
vue中的mvvm模式讲解
2019/01/31 Javascript
对layui中table组件工具栏的使用详解
2019/09/19 Javascript
vue实现短信验证码输入框
2020/04/17 Javascript
Antd表格滚动 宽度自适应 不换行的实例
2020/10/27 Javascript
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
python映射列表实例分析
2015/01/26 Python
python创建一个最简单http webserver服务器的方法
2015/05/08 Python
深入讲解Python函数中参数的使用及默认参数的陷阱
2016/03/13 Python
Python selenium如何设置等待时间
2016/09/15 Python
python 排序算法总结及实例详解
2016/09/28 Python
python模拟事件触发机制详解
2018/01/19 Python
pip安装时ReadTimeoutError的解决方法
2018/06/12 Python
使用Python创建简单的HTTP服务器的方法步骤
2019/04/26 Python
Python基于stuck实现scoket文件传输
2020/04/02 Python
Django权限设置及验证方式
2020/05/13 Python
基于tf.shape(tensor)和tensor.shape()的区别说明
2020/06/30 Python
欧洲最大的婴幼儿服装及内衣公司:Petit Bateau(小帆船)
2016/08/16 全球购物
prAna官网:瑜伽、旅行和冒险服装
2019/03/10 全球购物
采购部岗位职责
2013/11/24 职场文书
小学音乐教学反思
2014/02/05 职场文书
银行优秀员工推荐信
2015/03/24 职场文书