javascript - Angularjs 参数传递给 html

Question

我有一个表单，允许更新元素的所有字段。更新成功后，我想重定向到包含所有元素列表的页面。我想向此页面传递消息“更新成功”。

在 Controller 中，我通过以下方式将参数传递给状态提供程序:

$state.go('list', { message: "Update success" }, { reload: true });

在状态提供者中:

    function ($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state('list',
                {
                    url: '/List',
                    templateUrl: 'elementsList.html',
                    params: {
                        message:
                            function ($stateParams) {
                                return $stateParams.message;
                            }
                    }
                })

这是将字符串参数传递到 html 页面的正确方法吗？html页面中显示参数值的语法是什么？

谢谢。

Answer 1

我会这样做:

function ($stateProvider, $urlRouterProvider) {
    $stateProvider
    .state('list',
     {
       url: '/List/:message',
       templateUrl: 'elementsList.html'
     }
})

然后像这样在 Controller 中访问它。 $stateParams.message不要忘记在 Controller 中注入(inject) $stateParams 。您可以轻松地将值分配给 $scope 变量 $scope.message = $stateParams.message 并在 View 中使用 {{message}} 来显示它。

请注意，还有一个事件:

$scope.$on('$stateChangeSuccess', 
function(event, toState, toParams, fromState, fromParams){ ... })

在这种情况下，可以使用 toParams.message 访问该参数。