JQueryまたはAngularJSを使用してローカルの.htmlファイルを別のディレクトリに組み込む方法

Question

私自身のプロジェクトを作っています。

今のところimはシンプルなindex.htmlページをいくつかのデザインで持ち、APIから情報を得て、それを角度で表示します。これはうまく動作します。

しかし、別の.htmlファイルが含まれているfollowという名前の別のdir（フォルダ）が、index.htmlのルートに表示されるアニメーションhtml（JQuery UI）で表示されています。コードだけでなく、プレビューとして、通常のhtmlページのように。これはどのように可能ですか？

ng-includeをdivで使用しようとしましたが、うまく動作しませんでした。私はJQueryの​​の機能を試しましたが、そのすべてがローカルであってもcross-domainについて文句を言います。これは、イムは、jQueryのから、コンソールで取得するものです編集

<div ng-include="'notify/followers-notification.html'"></div> 
... 
<div id="teest"></div> 
... 
$("#teest").load("notify/followers-notification.html"); 
... 

：ここ

は、私が試したものの来て

Answer 1

NG-ビューとng-テンプレートファイルを提供するajaxリクエストを作成します。ローカルで実行しているため、その要求を行うことはできません。この問題を簡単に解決するには、http-serverを使用してローカルサーバー上でコンテンツを配信します。

サーバーを使用したくない場合は、1つの回避策は、あなたのテンプレートをインライン化することです。

<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ディレクティブが処理されると、Angularは最初にキャッシュをチェックします。

Answer 2

ブラウザは（少なくともChromeでは）ローカル環境でのAJAXリクエストを許可していないため、何らかの種類のサーバーが必要で、chromeを--allow-file-from-filesフラグで実行する必要があります。

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