angularJS ng-options如何从选择选项中获取文本[NOT VALUE]

时间:2014-03-26 14:07:18

标签: angularjs

这是我的JsFiddle

我正在尝试从下拉选择框中选择TEXT。

我正在ng-options="region.code as region.name for region in regions"使用region.coderegion.name

我用Google搜索并发现许多与ng-options相关的问题,但无法找到上述问题。

任何想法?

1 个答案:

答案 0 :(得分:3)

将整个区域绑定到范围内的变量,例如:

<div ng-controller="MyCtrl">
  <select ng-options="region as region.name for region in regions" ng-model="region">
  <option style="display:none" value="">select a region</option>
  </select>
  <br>selected: {{region.name}}
</div>

function MyCtrl($scope) {
  $scope.regions = [
    ....
    ];

    $scope.region = $scope.regions[0];
    ....
}

以下是更新的jsfiddlehttp://jsfiddle.net/RD2Bz/5/