AngularJs 项目不能作为单页 Web 应用程序工作

AngularJs project not working as a single page web app

本文关键字：Web 应用程序 工作 单页 项目 不能 AngularJs      更新时间：2023-09-26

我正在尝试将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}}"零件。如何更改它以使其成为单页站点？

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

AngularJS有三个主要选择：

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