如何将带有不同dir的本地.html文件包含到带有JQuery或AngularJS的本地.html项目中
如何将带有不同dir的本地.html文件包含到带有JQuery或AngularJS的本地.html项目中
提问于 2016-07-20 12:18:22
所以我为自己做了一个项目。
现在，我有一个简单的index.html页面，带有一些设计，它从API中获取一些信息，并以角度显示它。这个很好用。
但是我有另一个名为follow的dir(文件夹)，它包含另一个.html文件，带有一些动画的html(JQuery UI)，我想在根目录中的index.html文件上显示它。不仅是代码，而且是预览，就像普通的html页面。这怎麽可能？
我试过在div上使用ng-include，但不起作用。我已经尝试过JQuery的.load()函数，但这会抱怨cross-domain，即使它完全是本地的。
以下是我尝试过的事情：
<div ng-include="'notify/followers-notification.html'"></div>
...
<div id="teest"></div>
...
$( "#teest" ).load( "notify/followers-notification.html" );
...编辑
这就是我在控制台中从JQuery获得的信息：
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-07-20 12:28:23
ng--视图和ng--包括提供模板文件的make请求。因为您是在本地运行它，所以它不能提出请求。一个简单的解决方法是使用http-服务器在本地服务器上为您的内容提供服务。
如果您不想使用服务器，那么一个解决方法是内联您的模板：
<script type="text/ng-template" id="sample.html">
<div>This is my sample template</div>
</script>
<div ng-include src="'sample.html'"></div>这将您的模板放入角的模板缓存。处理ng-include指令时，首先对缓存进行角度检查.
Stack Overflow用户
发布于 2016-07-20 12:29:12
这是因为浏览器(至少chrome )不允许本地环境中的AJAX请求，您需要某种服务器，或者使用-允许-文件访问-文件标记运行chrome。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38481102
复制相关文章
相似问题
腾讯云开发者
