chrome擴展中的angularjs模板

我在基於內容腳本的chrome擴展中使用angularjs模板時遇到了一個奇怪的問題。我進入一個無限循環。當我使用內聯模板（使用模板屬性和字符串）時，它工作正常。任何人都可以建議我做錯了什麼？chrome擴展中的angularjs模板

的manifest.json

{ 
    "name": "Content Script Cross-Domain XMLHttpRequest Example", 
    "version": "2.0.0", 
    "manifest_version": 2, 
    "description": "Demonstrates making cross domain requests from a content script by putting Twitter trends on Google News.", 
    "permissions": [ 
    "http://localhost:9393/*" 
    ], 
    "icons": { 
    "48" : "sample-48.png", 
    "128" : "sample-128.png" 
    }, 
    "content_scripts": [ 
    { 
     "matches": ["http://news.google.com/*","*://mail.google.com/*"], 
     "js" : ["lib/jquery-1.6.4.min.js","lib/angular-1.0.1.min.js", "app.js","contentscript.js"] 
    } 
    ] 
}

app.js

angular.module('myApp', []). 
    config(['$routeProvider', function($routeProvider) { 
    console.log('inside angular.module'); 
    $routeProvider. 
     when('/', {templateUrl: 'contact.html', controller: AppController}). 
     otherwise({redirectTo: '/'}); 
}]); 


function AppController($scope){ 
    console.log('inside AppController'); 
}

內contentscript.js

$(this).append('<div id="gmeAppContainer">' 
           + '<div ng-view></div>' 
           + '</div>'); 
var rootEle = $(this).find('#gmeAppContainer'); 
angular.bootstrap(rootEle,['myApp']);

當我使用app.js在線tempate，它工作正常。

when('/', {template: '<div>This is inline template </div>', controller: AppController}).

曾經也貼在angularjs谷歌組 https://groups.google.com/d/topic/angular/A_SVYZWPKe8/discussion

來源

2012-07-31 user1566788

它看起來像我想通了。

首先在manifest.json文件中聲明模板文件。

"web_accessible_resources" :[ 
     "contact.html" 
    ]

然後使用chrome.extension.getURL方法獲取的絕對URL模板文件

when('/', { controller: AppController, templateUrl : chrome.extension.getURL('contact.html')}).

來源

2012-08-01 06:10:17 user1566788

從app.js chrome.extension.getURL不工作 – apueee 2014-12-31 04:26:05

我的角度錯誤消息URL是不可信的，所以我添加了$ sce.trustAsResourceUrl： ''' $ sce.trustAsResourceUrl（chrome.extension.getURL（'html/drive-properties.html'）） ''' – Paul 2016-06-17 09:16:07

chrome擴展中的angularjs模板

回答

相關問題