1
我对Angular非常陌生，并且已经建立了一个非常基础的站点来托管我的一些艺术作品。目前，我拥有一个带有<a ng-href>的HTML页面（主页），点击该页面后，我的所有工作都会载入另一个HTML页面。所以我有两个HTML页面，这意味着必须在我的网站上加载两次。这不太实际。在单页中更改视图Angular应用程序
这是我的主页上的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>
我希望能够ng-click上的<a ng-href> t他的主页并在我的第二页上的指令中呈现HTML，所有这些都在同一页面上（因此，无需加载整个其他页面）。 但我不知道什么是最好的方式来做到这一点。对于这样一个简单的网站，路由似乎没有必要，我不确定使用ng-show或ng-hide是否适合这种情况。
请让我知道如果你对这个问题感到困惑，我会很感激任何帮助。