angularjs中的ng-include和ngroute有什么区别

时间:2016-04-01 14:50:10

标签: html angularjs

我是使用html从angularJs web应用程序新开始的。我想知道angularjs中ng-include和ngroute之间的区别,以及何时应该使用它们。如果有人能够知道这一点,请给我一个例子来学习它。

谢谢和问候, Parthi

2 个答案:

答案 0 :(得分:3)

ng-include只是将包含的html转储到DOM中。

ng-route具有许多不同的功能,包括路由参数。 当您转到不同的路线时,您可以看到URL发生了变化。

主要路线用于拥有单页应用。应用程序的不同页面将路由到ng-view。然后,您可以通过URL转到这些页面,因为路由器将自动将这些路由解析到右侧视图。

答案 1 :(得分:2)

ng-include在角度中称为directive,它是Angular中的核心概念。它允许您在页面中包含partial个html文件。

ng-route是您可以添加到角度应用程序的额外组件,允许您使用routing URL和数据。要使用它,您需要将其引用为dependency

angular.module("app", ["ngRoute"]);

差异:

  • 一个是具有routing能力的角度的扩展另一个 是一个built-in指令,允许您在页面上包含标记 来自其他地方。
  • ng-include用于标记<div data-ng-include="..."></div>
  • ng-route在JavaScript文件中使用并引用。