使用ui-sref获取动态状态

时间:2016-03-04 11:03:31

标签: angularjs angular-ui-router

此My ng-repeat代码。这是主菜单。包括早餐,午餐等。我希望动态地获取国家。

下面的代码是html

<li class="mega-menu" ng-repeat="gethead in details" >
<a style="padding-left:10px;padding-right:10px;" class="level-top" href="" 
ui-sref="menu.breakfast({_id:gethead._id})">{{gethead.ctgname}}</a></li>

我在app.config中的脚本

  $stateProvider.state("menu.breakfast", {url:"/breakfast/:_id",
templateUrl:"partials/breakfast/breakfastveg.html",controller:"MyCtrl",
         resolve:{
                breakfast :["$http","$stateParams",function($http,$stateParams){
                              var url="menu/" + $stateParams._id;
                               return $http.get(url).then(function(res){
                               return res.data;})   
                           }]
                           }})

它无法正常工作......请帮助我......

1 个答案:

答案 0 :(得分:0)

您可以通过ng-click执行此操作:

...ng-click="goToState(gethead)">

在控制器中:

...
$scope.goToState = function(gethead) {
    $state.go(gethead._id);
}
...