목록에서 선택한 값을 얻는 방법

Question

저는 angularjs과 javascript을 처음 사용합니다. text-angular에 contextmenu을 사용하고 있습니다. 그래서, 내 코드는 다음과 같습니다 :

<div contextmenu="meta.contextmenu" class="dropdown contextmenu "> 
      <ul class="dropdown-menu dropdown-content" role="menu" ng-if="showdropdownForProject" id="projectAnnotation"> 
       <li> 
        <a role="menu" href 
        ng-click="sendInfo()"> 
        <span>ABC</span> 
        </a> 
       </li> 
       <li> 
        <a role="menu" href 
        ng-click="sendInfo()"> 
        <span>PQR</span> 
        </a> 
       </li> 
       <li> 
        <a role="menu" href 
        ng-click="sendInfo()"> 
        <span>XYZ</span> 
        </a> 
       </li> 
</div> 

그래서 여기 컨트롤러에서 선택된 값을 가져올 수 없습니다. 그래서, 어떻게 그 값을 얻을 수 있습니까? ABC을 클릭하면 백엔드로 보낼 수 있도록이 값이 필요합니다. 미리 감사드립니다.

Answer 1

값을 sendInfo() 방법으로 전달해야합니다.

<li>    
    <a role="menu" href="" ng-click="sendInfo('ABC')"> 
     <span>ABC</span> 
    </a> 
</li> 

JS

$scope.sendInfo=function(info){ 
    console.log(info); 
} 

Answer 2

이 ng-repeat을 사용하는 당신은 배열 항목을 작성해야합니다.

컨트롤러 :

$scope.items = [ 
    { 
    name: 'ABC' 
    }, 
    { 
    name: 'BCD' 
    }, 
    { 
    name: 'XYZ' 
    } 
]; 

$scope.selectedItem = {}; 

$scope.sendInfo(item) { 
    $scope.selectedItem = item; 
    console.log($scope.selectedItem.name); 
} 

템플릿 :

<div contextmenu="meta.contextmenu" class="dropdown contextmenu "> 
    <ul class="dropdown-menu dropdown-content" role="menu" ng-if="showdropdownForProject" id="projectAnnotation"> 
     <li ng-repeat="item in items track by $index"> 
      <a role="menu" href 
      ng-click="sendInfo(item)"> 
      <span>{{item.name}}</span> 
      </a> 
     </li> 
    </ul> 
</div>