javascript - 如何级联通过 Angular Controller 传递的国家/地区列表以查看部分

Question

[
  {"name":"Afghanistan"},
  {"name":"Albania"},
  {"name":"Algeria"},
  {"name":"American Samoa"},
  {"name":"Andorra"},
  {"name":"Angola"},
  {"name":"Anguilla"},
  {"name":"Antarctica"},
  {"name":"Antigua And Barbuda"},
  {"name":"Argentina"},
  {"name":"Armenia"},
  {"name":"Aruba"},
  {"name":"Australia"},
  {"name":"Austria"},
  {"name":"Azerbaijan"},
  {"name":"Bahamas The"}
]

<select id="country" ng-model="formOneData.country" ng-options="country in country">
	<option value="" disabled>--Select your Country--</option>
 </select>
{{country.countries}}

虽然在 html 中显示国家/地区是获取以下国家/地区的 JSON 内容，但我需要将其列出在选择字段中。那么有没有什么替代方案。

Answer 1

这就是你想要实现的目标吗？

function TodoCtrl($scope) {
  $scope.choice = null;
  $scope.countries = [
    {"name":"Afghanistan"},
    {"name":"Albania"},
    {"name":"Algeria"},
    {"name":"American Samoa"},
    {"name":"Andorra"},
    {"name":"Angola"},
    {"name":"Anguilla"},
    {"name":"Antarctica"},
    {"name":"Antigua And Barbuda"},
    {"name":"Argentina"},
    {"name":"Armenia"},
    {"name":"Aruba"},
    {"name":"Australia"},
    {"name":"Austria"},
    {"name":"Azerbaijan"},
    {"name":"Bahamas The"}
  ]
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"></script>
<div ng-app>
  <div ng-controller="TodoCtrl">
    <select id="country" ng-model="choice" ng-options="country.name as country.name for country in countries">
      <option value="" disabled>--Select your Country--</option>
    </select>
    {{choice}}
  </div>
</div>