Javascript 如何从列表中获取选定值

我不熟悉

angularjs

和

javascript

。我正在

文本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

，我需要这个值，以便将其发送到后端。提前感谢。

您应该将值传递给

sendInfo（）

方法

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

---

您应该为它创建数组项以使用

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>

您可以在函数sendnfo（'bla'）中传递值，也可以尝试在上下文中使用/添加ng模型menu@ganeshk，它在为你工作吗？是的，它在工作。我正在使用第二种解决方案。

<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>