javascript - 如何传回 ng-repeat 的特定变量？

Question

我有一个重复下拉菜单的 ng-repeat。每个保存下拉列表的重复 div 都有一个由 Controller 生成的唯一 ID，我可以引用该 ID。

如何传回该特定下拉列表的选定选项？现在，如果选择了一个下拉列表，则所有下拉列表的 selectedParameter.name 值都会更改。

<div id="{{ mergeVar.name }}" class="alert {{ selectedParamClass }}" ng-repeat="mergeVar in mergeVars">
    <b>merge value: </b> {{mergeVar.name}}
    <div class="dropdown pull-right">
      <button type="button" class="btn btn-sm btn-control dropdown-toggle" data-toggle="dropdown">
        {{selectedParameter.name || 'Match the Paramater'}}
        <span class="caret"></span>
      </button>
      <ul class="dropdown-menu">
        <li ng-repeat="param in availableParams">
          <a ng-click="selectParameter(parampass)">{{param.name}}</a>
        </li>
      </ul>
    </div> 
</div>

//controller.js

$scope.selectParameter = function(parampass) {
  console.log('parameter selected')
  $scope.selectedParameter = parampass
  $scope.selectedParamClass = 'alert-success'
}

Answer 1

这样做只会影响对象的一个​​实例:

$scope.selectParameter = function(parampass) {
  console.log('parameter selected')  
  parampass.selectedParamClass = 'alert-success';
}

您需要的是将属性添加到实例“row”对象。

您仍然可以存储所选对象:

$scope.selectedParameter = parampass

但是根据我在代码中看到的内容，您可能想要做的是在为所选对象选择项目时使用 ng-class="selectedParamClass" 。