Javascript 路由器打开错误的url

我是Angular 1的新手，必须在现有的webapp上实现一个新功能。该应用程序使用jhipster生成后端和前端的某些部分（Angular 1和uirouter）

因此，我尝试使用我自己的路线和

状态

，主要是从webapp的现有组件复制和粘贴：

(function() {
    'use strict';

    angular
        .module('artemisApp')
        .config(stateConfig);

    stateConfig.$inject = ['$stateProvider'];

  function stateConfig($stateProvider) {
    $stateProvider
      .state('model-comparison-exercise-for-course', {
        parent: 'entity',
        url: '/course/{courseid}/model-comparison-exercise',
        data: {
            authorities: ['ROLE_ADMIN', 'ROLE_TA'],
            pageTitle: 'artemisApp.modelComparisonExercise.home.title'
        },
        views: {
            'content@': {
                templateUrl: 'app/entities/model-comparison-exercise/model-comparison-exercise.html',
                controller: 'ModelComparisonExerciseController',
                controllerAs: 'vm'
            }
        },
        resolve: {
            translatePartialLoader: ['$translate', '$translatePartialLoader', function ($translate, $translatePartialLoader) {
                $translatePartialLoader.addPart('modelComparisonExercise');
                $translatePartialLoader.addPart('exercise');
                $translatePartialLoader.addPart('global');
                return $translate.refresh();
            }],
            courseEntity: ['$stateParams', 'Course', function ($stateParams, Course) {
                return Course.get({id: $stateParams.courseid}).$promise;
            }]
        }
    });
}

})();

然后，我尝试使用以下代码打开此路由：

<a ui-sref="model-comparison-exercise-for-course({courseid:course.id})"
   data-translate="artemisApp.course.modelComparisonExercises"></a>

实际上，应该打开的url是
http://localhost:8080/#/course/1/model-比较练习

知道我可能配置错了什么吗？
请尝试将
'content@'
更改为
'content@artemisApp“

如前所述：

@前面的符号是要匹配的视图的名称，@后面的符号是对ui view指令应该存在的模板状态的引用

并且
标记未关闭：

<a ui-sref="model-comparison-exercise-for-course({courseid:course.id})"
   data-translate="artemisApp.course.modelComparisonExercises"></a>



通过搜索代码，我发现
模型比较练习.html
不存在于
模型比较练习
文件夹中。除了
模型比较练习。html
存在。
请尝试将
'content@'
更改为
'content@artemisApp“

如前所述：

@前面的符号是要匹配的视图的名称，@后面的符号是对ui view指令应该存在的模板状态的引用

并且
标记未关闭：

<a ui-sref="model-comparison-exercise-for-course({courseid:course.id})"
   data-translate="artemisApp.course.modelComparisonExercises"></a>



通过搜索代码，我发现
模型比较练习.html
不存在于
模型比较练习
文件夹中。此外，还有
模型比较练习。html
存在。
谢谢你的回答，但这并不能解决我的问题。此外，此webapp的所有现有组件也只使用
内容@
，并且在那里工作正常。我必须添加的组件基本上与现有组件相同，我只需要更改一些次要的UI内容。如前所述，这里的
content@
工作正常。还有其他想法吗？刚才看到您没有关闭
a
tag.oops，似乎我在stackoverflow上的代码格式化过程中删除了关闭
a
。所以我的项目的全部代码都可以在这里找到：这是我的组件：另一个有效的组件可以在这里找到：很抱歉延迟（可能是不同的时区问题）。通过搜索代码，我发现
模型比较练习.html
不存在于
模型比较练习
文件夹中。此外，还存在
模型比较练习.html
。请看一看。哦，伙计，你是对的，这就是问题所在。我真的很抱歉打扰你。非常感谢你的帮助！谢谢你的回答，但这并不能解决我的问题。此外，此webapp的所有现有组件也只使用
内容@
，并且在那里工作正常。我必须添加的组件基本上与现有组件相同，我只需要更改一些次要的UI内容。如前所述，这里的
content@
工作正常。还有其他想法吗？刚才看到您没有关闭
a
tag.oops，似乎我在stackoverflow上的代码格式化过程中删除了关闭
a
。所以我的项目的全部代码都可以在这里找到：这是我的组件：另一个有效的组件可以在这里找到：很抱歉延迟（可能是不同的时区问题）。通过搜索代码，我发现
模型比较练习.html
不存在于
模型比较练习
文件夹中。此外，还存在
模型比较练习.html
。请看一看。哦，伙计，你是对的，这就是问题所在。我真的很抱歉打扰你。非常感谢你的帮助！