リストから選択した値を取得する方法

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>