如何从列表中获取选定的值答案

【问题标题】：How to get the selected value from a list如何从列表中获取选定的值
【发布时间】：2017-08-14 04:29:44
【问题描述】：

我是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，我需要这个值，以便我可以将它发送到后端。提前致谢。

【问题讨论】：

您可以在函数 sendnfo('bla') 中传递值，或者尝试在上下文菜单中使用/添加 ng-model
@ganeshk，它对你有用吗？
是的，它正在工作。我正在使用第二种解决方案。

标签： javascript angularjs hyperlink click

【解决方案1】：

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

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

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

【讨论】：

【解决方案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>

【讨论】：