从内容脚本元素创建中加载ng-include

时间:2017-03-26 16:46:41

标签: javascript html angularjs angularjs-ng-include

我希望在我的内容脚本中加载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.htmlform.html,它不会返回错误,而是将当前页面加载到我的div中(如iframe那样)

是否有人有想法,或者我犯了错误?谢谢!

0 个答案:

没有答案