具有url参数的角度状态/路由器不工作

Angular state/router with url params not working

本文关键字：路由器 工作 状态 url 参数 具有      更新时间：2023-09-26

使用状态和参数加载模板时遇到困难。

当我导航到/联系时，下面的代码工作得很好

$stateProvider
    .state('contacts', {
        url: '/contacts',
        templateUrl: 'views/resources/contacts.html',
        controller: 'ContactsController'
    })

当我尝试导航到/contacts/123时，我会使用以下代码。

编辑：我只使用以下代码，唯一的区别是我在url中添加了"/：id"。

$stateProvider
    .state('contacts', {
        url: '/contacts/:id',
        templateUrl: 'views/resources/contacts.html',
        controller: 'ContactsController'
    })

这就是我开始遇到问题的时候。页面无法加载，我收到一个控制台错误，说我无法实例化模块应用程序（从控制台错误链接到角度网站）

有人能帮我吗？我不知道为什么当我尝试使用params时，一切都开始崩溃：（

尝试在.state定义中定义params，如下所示：

$stateProvider
.state('contacts', {
    params: { id: null },    // note null is the default value if no param is specified
    url: '/contacts/:id',
    templateUrl: 'views/resources/contacts.html',
    controller: 'ContactsController'
})

因此，当我添加"/：id"时，我对index.html页面上脚本src文件的调用没有被正确调用。我有一个额外的。在路径前面，导致我的角度文件、服务、指令等无法正确加载/调用。

我从这个开始：

<script src="./app/app.js"></script>

到此：

<script src="/app/app.js"></script>

感谢所有为此提供帮助的人！

相关文章：