如何使用不同的dir将本地.html文件包含到使用JQuery或AngularJS的本地.html项目中

Question

所以我为自己制作了一个项目。

现在，我有一个简单的index.html页面，有一些设计，它从API获取一些信息，并用角度显示它。这很好用。

但我有另一个名为follow的目录（文件夹），其中包含另一个.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进入控制台的内容：

Answer 1

ng-view和ng-include生成ajax请求以提供模板文件。因为您在本地运行它，它无法提出该请求。解决此问题的一个简单方法是使用http-server通过本地服务器提供内容。

如果您不想使用服务器，那么一种解决方法是内联您的模板：

<script type="text/ng-template" id="sample.html">
  <div>This is my sample template</div>
</script>

<div ng-include src="'sample.html'"></div>

这会将您的模板放入Angular的模板缓存中。处理ng-include指令时，Angular会首先检查缓存。

Answer 2

这是因为浏览器（至少Chrome）不允许在本地环境中使用AJAX请求，需要某种服务器，或者使用--allow-file-access-from-files标志运行chrome。

How to launch html using Chrome at "--allow-file-access-from-files" mode?