AngularJs项目无法作为单页Web应用程序使用

Question

我正在尝试将AngularJs集成到现有的Web项目（jquery）。 这是我的代码的一部分：

<div class="medya" ng-repeat="d in data" masonry-item-dir>
  <a href="{{d.Url}}" class="onizleme"><img src="{{d.Image}}" alt="Içerigin Basligi" data-src="{{d.Image}}" srcset="{{d.Image}} 1x, {{d.Image}} 2x"></a>
  <div class="govde">
    <a href="{{d.Url}}" class="baslik">{{d.Title}}</a>
    <div class="bilgi"><a href="{{d.Url}}" class="lnk">{{d.EditorName}}</a> <span data-title="{{d.DateCreated}}" class="tooltip">{{d.CreateDate}}</span></div>
    <div class="aciklama">{{d.Content}}</div>
    <div class="alt">
      <span class="damga" title="{{d.ReadCount}} Görüntüleme"><span class="icon-eye"></span>{{d.ReadCount}}b</span>
      <a class="imle tooltip aktif" href="{{d.Url}}"><span class="icon-bookmark"></span></a>
    </div>
  </div>
</div>

它不能用作单页应用程序，它会发送新请求并在每次单击链接时打开一个新页面。 我猜是因为我正在使用a href="{{d.Url}}"部分。 如何更改它以使其成为单个页面的网站？

Answer 1

单个页面应用程序需要能够“内部”更改页面。 这通常由router模块处理。

AngularJS有三个主要选择：

1. UiRouter-我强烈建议您这样做，因为它是功能最丰富且得到社区广泛支持的功能。
2. ngRoute-这是默认的Angular 1.x路由器。 该路由器缺乏其他路由器的许多功能。
3. 组件路由器 -这是Angular2组件路由器的后端口。 API可能不是最稳定的。