如何在不使用控制器的情况下在角视图页面中显示查询字符串？

Question

我使用了AngularJS 1。这是我在config.js页面中配置的州提供者。

JS

.state('projects', {
    abstract: true,
    url: "/projects",
    templateUrl: "views/common/master_page.html",
})
.state('projects.image', {
        url: "/project-files/:unique_id?source",
        templateUrl: "views/project/project_image.html",
        data: {pageTitle: 'Project :: File Upload'},
        controller: 'addProjectCtrl',
    })

，这是我的URL

http://somedomain.com/#/projects/project-files/e7ff36e87bc282863016f5d2887e03c6?source=helloWorld

View(project_image.html)

Unique : {{$stateParams.unique_id}} <br />
Source : {{$stateParams.source}}

我刚刚发布了我的需求代码。我想在我的视图页面中显示unique_id和source。但无法显示以上两个数据。请帮帮我。

Answer 1

您不能在HTML中直接使用$stateParams。相反，将$stateParams注入您的addProjectCtrl控制器。

把它放在控制器里，

$scope.unique_id = $stateParams.unique_id;
$scope.source = $stateParams.source;

如果您使用controllerAs语法，请相应地使用它！

现在，它们可以用HTML映射，

<span>{{unique_id}}, {{source}}</span>