Question

我对Angular非常陌生，并建立了一个非常基本的网站来托管我的一些艺术作品。目前我有一个带有<a ng-href>的HTML页面（主页），当点击它时，会加载另一个HTML页面，其中包含我的所有工作。所以我有两个HTML页面，这意味着必须在我的网站上加载两次。这不太实际。

这是我主页上的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>并在我的第二页上的指令中呈现HTML，所有这些都在同一页面上（因此，无需加载整个其他页面）。但我不知道最好的办法是什么。对于这样一个简单的网站来说，路由似乎有点不必要，而且我不确定使用ng-show或ng-hide是否适合这种情况。

如果您对这个问题感到困惑，请告诉我，我真的很感激任何帮助。

Answer 1

请查看http://viralpatel.net/blogs/angularjs-routing-and-views-tutorial-with-example/

还有一个选项可以在角度http://github.com/angular-ui/ui-router/wiki

中提供路由

在单页Angular app中更改视图

1 个答案: