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有三个主要选择：

UiRouter - 我强烈推荐这一点，因为它是功能最丰富且得到社区支持的。
ngRoute - 这是默认的Angular 1.x路由器。该路由器缺少其他路由器的许多功能。
Component-Router - 这是Angular2组件路由器的后端口。 API可能不是最稳定的。

AngularJs项目不能作为单页面Web应用程序运行

1 个答案: