angular.js - angular中select如何取得文字值，並且可以確定option的選取狀態

Question

在做省市連動。 option中value是省市編碼 text是名稱，
如何才能既確定selected選項，又取得text名稱？

Answer 1

使用ng-options就行啊
程式碼載入有些慢。 。等一下可以看到效果：
http://codepen.io/flybywind/pen/GZyydY

Answer 2

模板

雷雷

腳本

雷雷

Answer 3

其實是我的問題，問題的解決根本是ng-model直接綁對象，然後option的value也綁相同的對象，這樣就解決了'選中問題'，在後台取id或文本值，直接是對象的id或text。 thanks！

Answer 4

在angularJS的官方文檔上就有，需要自備梯子
下面是我用的1.4.7的版本的文檔中的示例

---

<p ng-controller="ExampleController">
  <form name="myForm">
    <label for="repeatSelect"> Repeat select: </label>
    <select name="repeatSelect" id="repeatSelect" ng-model="data.repeatSelect">
      <option ng-repeat="option in data.availableOptions" value="{{option.id}}">{{option.name}}</option>
    </select>
  </form>
  <hr>
  <tt>repeatSelect = {{data.repeatSelect}}</tt><br/>
</p>

angular.module('ngrepeatSelect', [])
 .controller('ExampleController', ['$scope', function($scope) {
   $scope.data = {
    repeatSelect: null,
    availableOptions: [
      {id: '1', name: 'Option A'},
      {id: '2', name: 'Option B'},
      {id: '3', name: 'Option C'}
    ],
   };
}]);

結果就是option中顯示的是name部分，model得到的是id，這裡model用的是data.repeatSelect是因為循環是在option上，而導致作用域的不同