如何获得ui-router状态参数?

时间:2016-03-17 10:23:13

标签: javascript ionic-framework angular-ui-router

我正在尝试创建一个食品计划器,允许用户输入他们的饭菜。他们通过固定的星期一 - 星期日按钮访问它,网址看起来像:

#/planner/Monday/add-meal

我正在尝试为数组创建新对象:

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

我是否需要使用$ root服务?

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

1 个答案:

答案 0 :(得分: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