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

Question

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

#/planner/Monday/add-meal

我正在尝试为需要以下操作的数组创建新对象：

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

我需要使用$ root服务吗？

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

Answer 1

在路由器中，使用以下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 。