2016-07-31 3 views
1

私はAngularの新機能で、私のアートの一部をホストする非常に基本的なサイトを構築しました。現時点で私は<a ng-href>のHTMLページ(ホームページ)を持っています。このHTMLページをクリックすると、自分のすべての作業が入っている別のHTMLページが読み込まれます。だから、私は2つのHTMLページを持っているので、私のサイトに2回ロードする必要があります。これはあまり実用的ではありません。シングルページのビューを変更する角度のあるアプリケーション

これは私のホームページのHTMLです。 <a ng-href>は、カスタムディレクティブ<front-page>の内側に含まれています

<div ng-controller="artCtrl" class="content"> 

    <front-page info="image_1"></front-page> 

</div> 

<front-page>ディレクティブ:

<a ng-href="work.html"> 
<img ng-src="{{ info.images }}" alt="Image not found" width="40%" height="40%"> 
</a> 

二HTMLページ上のコンテンツは次のようになりますカスタムディレクティブの内部でもあります

<div ng-repeat="x in info"> 
<img class="image" ng-src="{{ x.image }}"></img> 
<p class="name">{{ x.name }}</p> 
<div> 

私は<a ng-href>ng-clickになりたい彼のホームページと私の2番目のページで、ディレクティブでHTMLをレンダリング、すべての同じページに(そう、全体の他のページを読み込まずに)。 しかし、私はこれを行うための最良の方法は何であるか分かりません。このようなシンプルなサイトではルーティングは少し不必要に思えますが、ng-showまたはng-hideを使用するのが適切かどうかはわかりません。

この質問で混乱している場合は教えてください。本当に助けていただければ幸いです。

答えて

関連する問題