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.load的方法可以一直load下去
Mar 28 Javascript
使用Jquery Aajx访问WCF服务(GET、POST、PUT、DELETE)
Mar 16 Javascript
JS上传图片前的限制包括(jpg jpg gif及大小高宽)等
Dec 19 Javascript
js实现网页随机切换背景图片的方法
Nov 01 Javascript
JavaScript采用递归算法计算阶乘实例
Aug 04 Javascript
理解jquery事件冒泡
Jan 03 Javascript
node使用UEditor富文本编辑器的方法实例
Jul 11 Javascript
深入koa-bodyparser原理解析
Jan 16 Javascript
自定义Vue组件打包、发布到npm及使用教程
May 22 Javascript
解决layui表格内文本超出隐藏的问题
Sep 12 Javascript
vue组件 keep-alive 和 transition 使用详解
Oct 11 Javascript
vue实现移动端返回顶部
Oct 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 如何获取二维数组中某个key的集合
2014/06/03 PHP
PHP实现无限极分类图文教程
2014/11/25 PHP
详解PHP多个进程配合redis的有序集合实现大文件去重
2019/03/06 PHP
PHP常用函数之根据生日计算年龄功能示例
2019/10/21 PHP
jquery实现居中弹出层代码
2010/08/25 Javascript
JQUERY设置IFRAME的SRC值的代码
2010/11/30 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
2012/11/24 Javascript
jquery html动态生成select标签出问题的解决方法
2013/11/20 Javascript
浅谈下拉菜单中的Option对象
2015/05/10 Javascript
javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
2016/10/27 Javascript
vue多级多选菜单组件开发
2020/09/08 Javascript
利用nodejs监控文件变化并使用sftp上传到服务器
2017/02/18 NodeJs
详解node+express+ejs+bootstrap构建项目
2017/09/27 Javascript
深入掌握 react的 setState的工作机制
2017/09/27 Javascript
Vue组件中slot的用法
2018/01/30 Javascript
vue侧边栏动态生成下级菜单的方法
2018/09/07 Javascript
VUE v-for循环中每个item节点动态绑定不同函数的实例
2018/09/26 Javascript
从零开始实现Vue简单的Toast插件
2018/12/03 Javascript
解决vue 退出动画无效的问题
2020/08/09 Javascript
微信小程序实现分页加载效果
2020/11/19 Javascript
python开发之thread线程基础实例入门
2015/11/11 Python
Python实现将数据库一键导出为Excel表格的实例
2016/12/30 Python
python实现图书管理系统
2018/03/12 Python
详解Python:面向对象编程
2019/04/10 Python
搞清楚 Python traceback的具体使用方法
2019/05/13 Python
python高阶函数map()和reduce()实例解析
2020/03/16 Python
Python读取excel文件中带公式的值的实现
2020/04/17 Python
详解win10下pytorch-gpu安装以及CUDA详细安装过程
2021/01/28 Python
前端水印的简单实现代码示例
2020/12/02 HTML / CSS
Java语言程序设计测试题改错题部分
2014/07/22 面试题
技校毕业生的自我评价
2013/12/27 职场文书
小城镇建设汇报材料
2014/08/16 职场文书
继承公证书格式
2015/01/26 职场文书
结婚喜宴迎宾词
2015/08/10 职场文书
使用vue-element-admin框架从后端动态获取菜单功能的实现
2021/04/29 Vue.js
面试分析分布式架构Redis热点key大Value解决方案
2022/03/13 Redis