Javascript 选择选项不与ng模型绑定

我有一个对象包含所有国家和选定国家。 我想列出a上的所有国家/地区，并根据SelectedCountry的值选择带有ng型号的选项

但是combobox的默认值为selected null

例如：

角度。模块'ngPatternExample'，[] .controller'ExampleController'，['$scope'，函数$scope{ $scope.OBJ={ OBJ：{ 所有国家：[ { 国家：美国， 身份证号码：1 }, { 国家：墨西哥， 身份证号码：2 }, { 国家：加拿大， 身份证号码：3 } ], 选定国家/地区：{ 国家编号：1， } } } $scope.AM=$scope.OBJ.OBJ； }]; 所选国家：{AM.SelectedCountry.country_id} - {{co.country}}

---

将您的选择替换为此

<select class="form-control"  ng-options="co.id as co.country for co in OBJ.OBJ.AllCountries" ng-model="AM.SelectedCountry.country_id">
    <option value=""> --- </option>
</select>

---

将您的选择替换为此

<select class="form-control"  ng-options="co.id as co.country for co in OBJ.OBJ.AllCountries" ng-model="AM.SelectedCountry.country_id">
    <option value=""> --- </option>
</select>

使用ngOptions指令，而不是自己重复选择框中的选项

<select 
  class="form-control"
  ng-model="AM.SelectedCountry.country_id"
  ng-options="co.id as co.country for co in AM.AllCountries">
    <option value=""> --- </option>
</select>

更新的plunk：

使用ngOptions指令，而不是自己重复选择框中的选项

<select 
  class="form-control"
  ng-model="AM.SelectedCountry.country_id"
  ng-options="co.id as co.country for co in AM.AllCountries">
    <option value=""> --- </option>
</select>

更新的plunk：

---

将相关代码张贴在此处，然后将相关代码张贴在此处SO@user3334406我已经用Hassan Tariq建议的方法替换了Plunker中的选择，效果很好。从选项中删除ng repeat OK现在可以了：非常感谢，有人能解释为什么ng repeat没有work@user3334406我已经用Hassan Tariq建议的方法替换了Plunker中的选择，效果很好。从选项中删除ng repeat OK现在可以了：非常感谢，有人能解释为什么ng repeat不起作用吗