如何在 AngularJS v1.3.3 中使用路由和 ng-view

How to use routing and ng-view in AngularJS v1.3.3

我正在尝试 运行 this example 关于使用 AngularJS v1.0.7 的路由。但我想让它使用 AngularJS v1.3.3

除了 ng-view 部分,我的示例中的所有内容都有效。所以我不确定问题是 ng-view 还是 routing 本身。

正如the tutorial建议的那样,我尝试了3种调用ng-view的方法。但是 none 似乎有效。

You can define ng-view in main html file in one of the below way.

<div ng-view=""></div>
<ng-view></ng-view>
<div class="ng-view"></div>

我应该如何让它在 AngularJS v1.3.3 中工作?

在 angular 1.2 之后你需要依赖你的模块 ngRoute

var sampleApp = angular.module('sampleApp', ['ngRoute']);

Plunker

如果您单击开发控制台中的错误,您会在页面中间看到:

In AngularJS 1.2.0 and later, ngRoute has been moved to its own module. If you are getting this error after upgrading to 1.2.x or later, be sure that you've installed ngRoute.

angular 的旧版本在核心中包含了路由。

现在要使用它,您还必须包含 angular-route.jsangular-route.min.js 并将 ngRoute 作为模块依赖项注入。

var sampleApp = angular.module('sampleApp', ['ngRoute']);

Original example upgraded