javascript - Angular ng-repeat 内的动态属性引用

Question

我构建了一个下拉指令，它适用于不同的对象类型，每个对象都有自己的特定属性，我需要在下拉列表的 ng-repat 中获取一些特定的字段，现在，它是固定的城市名称，我如何才能更改变量的城市名称，该变量保留在 Controller 上？

  <div class="listCombo" ng-show="showDrop" ng-mouseleave="lostFocus()">
        <table>
            <tr ng-repeat="result in results" ng-click="selectItem(result)">
                <td> {{result.cityName}} </td>
            </tr>
        </table>
    </div>

例如，我需要获取peopleName而不是cityName。

Answer 1

是的，可以在ng-repeat中动态更改属性属性。下面是有关如何实现此目的的示例代码。

1)您应该有如下数据源以使事情变得简单

$scope.objectsList = [{
                'name': 'Vikram',
                'Age': '25',
                'sex': 'M'
            }, {
                'name': 'Quantum',
                'Age': '26',
                'sex': 'F'
            }, {
                'name': 'Katty',
                'Age': '22',
                'sex': 'F'
            }];
            $scope.objName = 'name';

2)在您的 HTML 中，您的 ng-repeat 中包含类似的内容

<p ng-repeat="obj in objectsList">
    {{obj[objName]}} <!-- here by changing the 'objName' we can decide which property value to be displayed dynamically-->

</p>
<input type="text" ng-model="objName"/><!-- This is for example..u dont need this-->

如果你看一下 JS，我们已经提到了 $scope.objName = 'name'; 即，如果我们更改 $scope.objName<，它将显示列表中的所有名称 为 'Age' 则会在数据源中显示对应的年龄。

希望这能回答您的问题。