gpt4 book ai didi

javascript - Angular新路由器错误无法读取未定义的属性 'path'

转载 作者:行者123 更新时间:2023-11-28 00:13:12 26 4
gpt4 key购买 nike

我正在尝试使用新的路由器在 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

enter image description here

  • Chrome 控制台错误

enter image description here

任何人都可以帮我找出我做错的地方以及如何解决这个问题。

最佳答案

这是因为您没有为 nav 视口(viewport)/导出指定任何组件。

您应该从 View 中删除

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

或者在路由中指定一个组件,例如

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

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

关于javascript - Angular新路由器错误无法读取未定义的属性 'path',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30689909/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com