Angularjs의 첫 번째 값을 기준으로 두 번째 값 표시

Question

이름이 ng-repeat 인 목록이 있습니다. 나는이 이름을 가지고 그의 과목을 듣기위한 매개 변수로서 URL에 전달하고 싶다. 지금까지 내가 한 것은 이름을 전달하고 다른 API에서 주제를 가져올 수 있다는 것입니다.

<ul ng-repeat="person in persons"> 
    <li ng-init="pass(person.name)">{{person.name}}</li> 
    <li> 
     <select> 
      <option ng-repeat="(key, value) in choices">{{value}}</option> 
     </select> 
    </li> 
</ul> 

Controller.js

$scope.person = { 
    [ 
     { 
      "id": 1, 
      "name": "Mark" 
     }, 
     { 
      "id": 2, 
      "name": "Jakob" 
     } 
    ] 
} 

$scope.pass = function(name) { 
    $scope.name = name; 
    $http.get('url?name=' + $scope.name, {}) 
     .then(function(response) { 
      $scope.choices = response.data; 
     }, 
     function(errResponse) { 
      console.error('Error while fetching choices'); 
     }); 

} 

참고 :의 끝에서 person.name을 전달하는 get 메소드가있다 그러나 문제는 마지막 이름은 자신의 값으로 모든 드롭 다운을 대체한다는 것입니다 URL.

HTML에서 컨트롤러로 어떻게 전달 될 수 있습니까? 감사

Answer 1

확인 컨트롤러 코드와 같은 :

$scope.persons = [{ 
     "id": 1, 
     "name": "Mark" 
    }, 
    { 
     "id": 2, 
     "name": "Jakob" 
    } 
]; 


$scope.pass = function(person) { 
    $scope.name = person.name; 
    $http.get('url?name=' + $scope.name, {}).then(function(response) { 
      person.choices = response.data; 
     }, 
     function(errResponse) { 
      console.error('Error while fetching choices'); 
     }); 

} 

그리고 당신의 HTML과 같은 : https://jsfiddle.net/Lt7aP/4019/