如何从列表中获取所选值

时间:2017-03-22 07:25:41

标签: javascript angularjs hyperlink click

我是javascriptcontextmenu的新用户。我在text-angular中使用<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

所以,这里我无法在控制器中获取所选值。那么,我如何获得该值,如果我点击2.5,我需要这个值,以便我可以将它发送到后端。提前谢谢。

2 个答案:

答案 0 :(得分:1)

您应该将值传递给sendInfo()方法。

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

JS

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

答案 1 :(得分:1)

您应该为其创建数组项以使用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>