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解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
Feb 02 Javascript
jQuery实现表头固定效果的实例代码
May 24 Javascript
js获取和设置属性的方法
Feb 20 Javascript
淘宝网提供的国内NPM镜像简介和使用方法
Apr 17 Javascript
js事件监听机制(事件捕获)总结
Aug 08 Javascript
Vue 进阶教程之v-model详解
May 06 Javascript
node.js之基础加密算法模块crypto详解
Sep 11 Javascript
vue 详情跳转至列表页实现列表页缓存
Mar 27 Javascript
javascript异步处理与Jquery deferred对象用法总结
Jun 04 jQuery
node.js使用stream模块实现自定义流示例
Feb 13 Javascript
JS面试题中深拷贝的实现讲解
May 07 Javascript
react中的DOM操作实现
Jun 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
UCenter 批量添加用户的php代码
2012/07/17 PHP
基于PHP实现商品成交时发送短信功能
2016/05/11 PHP
豆瓣网的jquery代码实例
2008/06/15 Javascript
获取网站跟路径的javascript代码(站点及虚拟目录)
2009/10/20 Javascript
jquery 学习之二 属性(类)
2010/11/25 Javascript
javascript中的对象创建 实例附注释
2011/02/08 Javascript
JS获得URL超链接的参数值实例代码
2013/06/21 Javascript
jquery中JSON的解析方式
2015/03/16 Javascript
js实现Select列表各项上移和下移的方法
2015/08/14 Javascript
JavaScript encodeURI 和encodeURIComponent
2015/12/04 Javascript
js表单中选择框值的获取及表单的序列化
2015/12/17 Javascript
浅析Bootstrap表格的使用
2016/06/23 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
2016/12/08 Javascript
JavaScript的setter与getter方法
2017/11/29 Javascript
vue项目实现记住密码到cookie功能示例(附源码)
2018/01/31 Javascript
Vue中v-for的数据分组实例
2018/03/07 Javascript
还不懂递归?读完这篇文章保证你会懂
2018/07/29 Javascript
js常见遍历操作小结
2019/06/06 Javascript
解决vue使用vant轮播组件swipe + flex时文字抖动问题
2021/01/07 Vue.js
[58:18]2018DOTA2亚洲邀请赛3月29日 小组赛B组 iG VS Mineski
2018/03/30 DOTA
举例讲解Python中的算数运算符的用法
2015/05/13 Python
Python 从相对路径下import的方法
2018/12/04 Python
对python 自定义协议的方法详解
2019/02/13 Python
Python 中的参数传递、返回值、浅拷贝、深拷贝
2019/06/25 Python
Python读取实时数据流示例
2019/12/02 Python
django使用graphql的实例
2020/09/02 Python
HTML5跳转小程序wx-open-launch-weapp的示例代码
2020/07/16 HTML / CSS
澳大利亚墨尔本的在线时装店:LORETA
2018/09/14 全球购物
吉列剃须刀英国官网:Gillette英国
2019/03/28 全球购物
教育科学研究生自荐信
2013/10/09 职场文书
室内设计专业学生的自我评价分享
2013/11/27 职场文书
《青蛙看海》教学反思
2014/04/23 职场文书
2014年技术部工作总结
2014/12/12 职场文书
2014公司年终工作总结
2014/12/19 职场文书
健康证明
2015/06/19 职场文书
Spring Boot DevTools 全局配置学习指南
2022/03/31 Java/Android