Question

我有以下路由配置：

data2, data1, data2, data3, data4
data6, data5, data6, data7, data8

我在页面中有这样的引用

myApp.config(function ($stateProvider) {
    $stateProvider
        .state('courses',
        {
            url: '/courses',
            templateUrl: '/js/courses/courses.html',
            controller: 'CoursesCtrl'
        })
        .state('courses.course',
        {
            url: '/{courseId}',
            templateUrl: '/js/courses/course.html',
            controller: 'CourseCtrl'
        })
        .state('courses.course.lessons',
        {
            url: '/lessons',
            templateUrl: '/js/courses/lessons.html',
            controller: 'LessonsCtrl',
        })
        .state('courses.course.about,
        {
            url: '/about,
            templateUrl: '/js/courses/about.html'
        })
    ;
});

此参考可以查看课程的详细信息。此视图具有嵌套视图，允许查看课程的不同详细信息，例如课程列表和说明。我希望直接引用该视图，其中包含特定课程的课程列表。

我尝试过像ui-sref =＆＃34; courses.course（{courseId：c.id}）。课程＆＃34;，但它会导致错误。

你能告诉我什么是正确的方法吗？

Answer 1

这是语法

<a ui-sref="courses.course.lessons({courseId: c.id})"> Course # {{c.id}} lessons </a>

并检查您是否已定义父状态..

如何指定对具有参数的状态的引用

1 个答案: