如何获取 ui 路由器状态参数

How to get ui-router state params?

本文关键字：ui 路由器 状态 参数 获取 何获取      更新时间：2023-09-26

我正在尝试创建一个允许用户输入膳食的食物计划器。他们通过固定的周一至周日按钮访问它，网址如下所示：

#/planner/Monday/add-meal

我正在尝试为一个数组创建新对象，该数组需要：

  $scope.meal = {
    day: [THE DAY IN THE URL],
    title: '',
    description:''
  };

我需要使用$root服务吗？

我正在使用Ionic框架。任何帮助将不胜感激。

在路由器中，使用以下 URL 作为状态：

/planner/:dayOfWeek/add-meal

然后，在控制器中注入$stateParams：

.controller("TheController", ["$scope", "$stateParams", function ($scope, $stateParams) {
  $scope.meal = {
    day: $stateParams.dayOfWeek,
    title: '',
    description:''
  };
}]);

请参阅 https://github.com/angular-ui/ui-router/wiki/URL-Routing#url-parameters。

相关文章：