我希望在我的内容脚本中加载ng-include中的模板。
这就是我所拥有的:
文件结构
app/
--app/app.js
--app/form.html
js/
--js/background.js
--js/content.js
content.js
var mydiv=document.createElement("div");
//Next line is where I want to apply some angular functionality
mydiv.innerHTML += "<div ng-app='app'></div>";
mydiv.setAttribute('ng-include', "'app/form.html'");
mydiv.id = "popup";
mydiv.style.position = "fixed";
mydiv.style.top = coords.y + "px";
mydiv.style.left = coords.x + "px";
mydiv.style.border = "4px solid #d00";
mydiv.style.background = "#fcc";
document.body.appendChild(mydiv);
angular.bootstrap(document.body, ['app'])
form.html
<div ng-controller="popupCtrl">
test
</div>
如果我尝试使用绝对路径,则看起来像是弹出错误,如果没有,它会使用制表符当前页面网址和我给定路径的组合,这当然导致找不到404。
如果我使用app/form.html
或form.html
,它不会返回错误,而是将当前页面加载到我的div中(如iframe那样)
是否有人有想法,或者我犯了错误?谢谢!