AngularJS 打開新的標簽頁實現(xiàn)代碼

更新時間：2017年09月07日 08:23:00 作者：艾斯德斯的博客

本文通過實例代碼給大家介紹了angularJS 打開新的標簽頁方法，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧

廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：

 <!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>

總結(jié)

以上所述是小編給大家介紹的AngularJS 打開新的標簽頁實現(xiàn)代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

使用Angular9和TypeScript開發(fā)RPG游戲的方法
這篇文章主要介紹了使用Angular9和TypeScript開發(fā)RPG游戲的方法，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2020-03-03
AngualrJS中每次$http請求時的一個遮罩層Directive
AngularJS是一款非常強大的前端MVC框架。接下來通過本文給大家介紹AngualrJS中每次$http請求時的一個遮罩層Directive，本文非常具有參考借鑒價值，特此分享供大家學習
2016-01-01
Angular2使用vscode斷點調(diào)試ts文件的方法
本篇文章主要介紹了Angular2使用vscode斷點調(diào)試ts文件的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-12-12
Angular中Lazy Loading懶加載陷阱避坑最佳實踐
這篇文章主要為大家介紹了Angular中Lazy Loading懶加載陷阱避坑最佳實踐,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-10-10
AngularJS入門教程之過濾器詳解
本文主要講解AngularJS 過濾器,這里整理了過濾器的相關(guān)資料并附示例代碼，幫助大家學習AngularJS的知識，有需要的小伙伴可以參考下
2016-08-08
深入理解AngularJS中的ng-bind-html指令
ng-bind-html和ng-bind的區(qū)別就是,ng-bind把值作為字符串,和元素的內(nèi)容進行綁定,但是ng-bind-html把值作為html,和元素的html進行綁定.相當于jq里面的.text()和.html()。這篇文章主要給大家深入的介紹了AngularJS中ng-bind-html指令的相關(guān)資料,需要的朋友可以參考下。
2017-03-03
AngularJs篇：使用AngularJs打造一個簡易權(quán)限系統(tǒng)的實現(xiàn)代碼
本篇文章主要介紹了AngularJs篇：使用AngularJs打造一個簡易權(quán)限系統(tǒng)的實現(xiàn)代碼，具有一定的參考價值，有興趣的可以了解一下。
2016-12-12
Angular2學習教程之ng中變更檢測問題詳解
這篇文章主要給大家介紹了Angular2學習教程之ng中變更檢測問題的相關(guān)資料，文中介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。
2017-05-05
MODULE_INITIALIZER初始化Angular?懶加載模塊高級技巧
這篇文章主要為大家介紹了MODULE_INITIALIZER初始化Angular懶加載模塊高級技巧示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-10-10
Angularjs 與 bower安裝和使用詳解
這篇文章主要介紹了Angularjs 與 bower安裝和使用詳解的相關(guān)資料,需要的朋友可以參考下
2017-05-05