0

我有一个页面,其中我在 Angular 模板上设置了三个链接。第一个链接有效,第二个链接无效。第一个链接将光标显示为指针,后两个链接将光标显示为自动/默认。以下是链接:

<a ui-sref="doctorMain">Doctor Main</a><p/>
<a ui-sref="doctor.chat">Doctor Chat</a><p/>
<a ui-sref="user.chat">User Chat</a> 

第一个链接有效,其他两个在我的控制台中打印出此消息:

Error: Could not resolve 'user.chat' from state 'userMain'
    at Object.transitionTo (angular-ui-router.js:3074)
    at Object.go (angular-ui-router.js:3007)
    at angular-ui-router.js:4057
    at angular.js:17918
    at e (angular.js:5552)
    at angular.js:5829(anonymous function) @ angular.js:12520(anonymous function) @ angular.js:9292(anonymous function) @ angular.js:17921e @ angular.js:5552(anonymous function) @ angular.js:5829

这就是我在 app.config 模块中进行路由的方式。

$stateProvider
        .state('doctorMain', {
            url: "/doctorMain",
            templateUrl: "partials/doctor/doctor-main.html",
            controller: 'DoctorJoinChat',
            data: {
                doctor: true
            }
        })
        .state('doctor.chat', {
            url: "/doctorChat",
            templateUrl: "/partials/test.html",
            controller: 'DoctorJoinChat',
            data: {
                doctor: true
            }
        })
        .state('userMain', {
            url: "/userMain",
            templateUrl: "/partials/patient/form.html",
            data: {
                user: true
            }
        })
        .state('user.chat', {
            url: "/userChat",
            templateUrl: "/partials/test.html",
            data: {
                user: true
            }
        });
4

2 回答 2

2

您需要将主根命名为“doctor”而不是“doctorMain”和“user”而不是“userMain”(子根使用主根的名称作为前缀)。够清楚吗?

于 2016-01-01T15:15:07.757 回答
1

当您说时,user.chat您正在尝试chat使用名为 的父状态定义一个新的子状态user。这就是点约定所暗示的 - parentState.childState

在您的示例中,为了doctor.chatuser.chat存在,应该有父状态doctoruser,因此您应该重命名您的主要状态,如下所示。

  • doctorMaindoctor
  • userMainuser
于 2016-01-01T15:21:07.017 回答