Question

我有一个使用ui路由器加载视图的按钮

<button ui-sref="manageactivity.update" >Edit Event</button>

我想将{{activity.id}}传递给模板

app.config(function ($stateProvider, $urlRouterProvider) {

$stateProvider          
    .state('manageactivity.update', {
        url: '/update/:id',
        templateUrl: "update.html",
        controller: 'eventMgmtCtrl'     
    }); 
});

app.controller("eventMgmtCtrl", function ($scope,$stateParams) {
    $scope.testID = $stateParams.id;    
});

我知道如何在正常的角度路由中通过它传递url这样做，但它对ui路由器不起作用，因为ui-router使用状态的名称而不是url？

<button data-ng-href="#Update/{{activity.id}}" >Edit Event</button>

我需要哪些更改？

Answer 1

您可以将数据作为

传递给ui-sref

<button ui-sref="manageactivity.update({id: activity.id})" >Edit Event</button>

你可以使用你在问题中定义的$ stateParams在页面中访问它...祝你好运

Answer 2

您可以通过以下方式传递“ui-sref”中的数据：

<强> HTML： -

<button ui-sref="manageactivity.update({'id':'activity.id'})" >Edit Event</button>

您可以按照以下方式在控制器中接收数据： -

控制器： -

 $scope.id = $stateParams.id;

以角度ui-router

2 个答案: