一个ui sref链接工作,其余的不工作;t

One ui-sref link working, the rest don't

本文关键字:工作 ui sref 链接 一个      更新时间:2023-09-26

我有一个页面,其中我在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
            }
        });

您需要将主根命名为'doctor'而不是'doctorMain',将'user'而不是'suserMain'(子根使用主根的名称作为前缀)。清楚吗?

当您说user.chat时,您正试图用名为user的父状态定义一个新的子状态chat。这就是点约定的含义——parentState.childState

在您的示例中,要使doctor.chatuser.chat存在,应该有父状态doctoruser,因此您应该像下面这样重命名主状态。

  • doctorMaindoctor
  • userMainuser