각도 UI 라우터의 ID와 URL을 부여 내가 문제가

Question

는 내 URL이 ID 예를 도시하지 : /answer/1 or /answer/2 or /answer/3 등 임 혼란 임 내가 초보자 사용 UI 라우터 AngularJS와이야 라우터 UI를 사용하기 때문에 . 너 나 좀 도와 줄 수있어? 어떻게해야합니까? 감사합니다

내 라우팅 코드 :

.state({ 
    name: 'answer', 
    url : '/answer/', 
    params : { 
       obj : null 
    }, 
    controller: 'answer-controller', 
    templateUrl: 'templates/table-answer.html' 
}) 

테이블 대답으로 이동 NG 클릭 : 대답-controller.js을에

<button type="button" class="btn btn-default" ng-click="ListAnswer(data.item)"><i class="fa fa-eye"></i> View Answer</button> 

패스 PARAMS $ scope.ListAnswer

$scope.ListAnswer = function(data) { 

    $state.go('answer', {obj : data}); 

}; 

약간 변경

Answer 1

매우 간단합니다. 한 가지만 놓쳤습니다. 그렇지 않으면 코드가 옳습니다.

.state({ 
    name: 'answer', 
    url : '/answer/{answerId}', 
    params : { 
    obj : null 
    }, 
    controller: 'answer-controller', 
    templateUrl: 'templates/table-answer.html' 
}) 

이제이 상태를 넘어갈 두 가지 방법이 있습니다.

// html로

<button type="button" class="btn btn-default" ng-click="ListAnswer(data.answerId)"><i class="fa fa-eye"></i> View Answer</button> 

// 컨트롤러

$scope.ListAnswer = function(answerId) { 
    $state.go('answer', {answerId: answerId}); 
}; 

또는 답변에 대한

<button type="button" class="btn btn-default" ui-sref="answer({answerId: data.answerId})"><i class="fa fa-eye"></i> View Answer</button> 

Answer 2

귀하의 상태 요구 사항 :

.state({ 
    name: 'answer', 
    url : '/answer/{itemId}', 
    params : { 
    obj : null 
    }, 
    controller: 'answer-controller', 
    templateUrl: 'templates/table-answer.html' 
}) 

약간 코드를 변경

링크의 URL의 ID를 함께 전달하는 :

<button type="button" class="btn btn-default" 
    ui-sref="answer({itemId: id})"> 

는 그러나 컨트롤러에서 매개 변수에 액세스하려면, 이 경우 stateParams를 $ stateParams.itemId로 사용해야합니다.