javascript - Angular新路由器错误无法读取未定义的属性“路径”

我正在尝试通过使用新路由器在angularjs中编写应用程序。但是，不知道我在做什么错。从两天开始，我浏览了很多文章，视频，但直到现在仍无法掌握。

现在，我正在关注这篇文章-http://goo.gl/ayPmxr。我的文件夹设置是这样的。

- components
-- home
--- home.html

- angular.js
- app.js
- index.html
- router.es5.js

我的文件 -

index.html


        测试新路由器

<body ng-app="app" ng-controller="AppController">

    <!-- Multiple viewports require a name -->
    <div ng-viewport="nav"></div>
    <div ng-viewport="main"></div>

    <script type="text/javascript" src="angular.js"></script>
    <script type="text/javascript" src="router.es5.js"></script>
    <script type="text/javascript" src="app.js"></script>
</body>

app.js

Chrome控制台错误

谁能帮助我找出我做错了什么以及如何解决。

最佳答案

那是因为您没有为nav视口/插座指定任何组件。

您应该从视图中删除

<div ng-viewport="nav"></div>

或在您的路线中指定组件，例如

components: { 'nav': 'home', 'main': 'home' }

这是一个已知的行为/错误：https://github.com/angular/router/issues/207