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

我很难使用状态和参数加载模板

当我导航到/contacts时，下面的代码非常有用

$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文件的调用没有被正确调用。路径前面有一个额外的。导致我的角度文件、服务、指令等没有被正确加载/调用

我从这里开始：

为此：

---

感谢所有在这方面提供帮助的人！

两个州都有相同的名字你是否启用了HTML5模式，如果没有，url应该在例如#/contacts#/contacts/：I首先要做的是切换到

angular.js的未缩小版本

，错误消息会更详细。我希望他们能将此添加到他们的文档中，因为这会有所帮助最初始lveproblems@stalin-我只使用了一个状态和路由。两个代码位都在那里显示差异（我也进行了编辑）@JerryChen HTML5模式已启用-第一段代码工作正常，但当我添加“/：id”时，我得到了错误