Angular state/router url 参数不工作

Question

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

当我导航到 /contacts

时，下面的代码效果很好

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

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

编辑： 我只使用下面的代码，唯一的区别是我在 url.[= 中添加了“/:id” 16=]

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

这是我开始运行遇到问题的时候。该页面无法加载，我收到一个控制台错误，提示我无法实例化模块应用程序 (link to angular site from console error)

有人可以帮帮我吗？我不确定为什么当我尝试使用 params 时一切都开始崩溃 :(

Answer 1

尝试像这样在 .state 定义中定义参数：

$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'
})

Answer 2

所以事实证明，当我添加“/:id”时，我的 index.html 页面上的脚本 src 文件调用没有被正确调用。我有一个额外的。在路径前面，导致我的 angular 文件、服务、指令等。未正确 loaded/called。

我是从这里开始的：

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

对此：

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

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

Angular state/router url 参数不工作

Angular state/router with url params not working

javascript

state

routes

angularjs

angular-ui-router