Javascript 在AngularJS中更改另一个选择选项的值时，如何更改选择选项的值？

当我在AngularJS中更改另一个选择选项的值时，我正在尝试更改一个选择选项的值。当我尝试在W3schools.com上这样做时，它起了作用，但在我的开发中，它没有起作用。我测试的工作代码是

这是我的AngularJS JavaScript。
模型是这样的：

$scope.modelCountry = [ { ID : 1, Name : 'Philippines'}, { ID : 2, Name : 'United States'} ];
$scope.changeCountry = function (stateID) {
  if (stateID == 1) {
    //$scope.CountryName = "Philippines";
    return 'Philippines';
  }
  else if (stateID > 1) {
    //$scope.CountryName = "US United States";
    return 'United States';
  }
}

这是我的HTML：

<div class="col-md-12 padding-top-5px"><!--State-->
  <div class="col-md-2"><span class="pull-right">State <b>*</b></span></div>
  <div class="col-md-3">
    <select class="form-control" ng-model="selectedState" ng-options="state.Name for state in modelState" ng-change="selectedCountryName=changeCountry(selectedState.ID)">
      <option value="">Select State</option>
    </select>
  </div>
</div><!-- End State-->
<div class="col-md-12 padding-top-5px"><!--Location-->
  <div class="col-md-2"><span class="pull-right">Country <b>*</b></span></div>
  <div class="col-md-3">
    <select class="form-control" ng-model="selectedCountryName" ng-options="country.Name for country in modelCountry">
      <option value="">Select Country</option>
    </select>
  </div>
</div><!-- End Location-->

陈述*
选择状态
国家*
选择国家

我不确定您想做什么，但double

select

的一个正常用例是，当用户更改第一个

select

的选择时，会更改第二个

select

的选项列表，如下例所示

angular.module（'test'，[]）。controller（'test'，test）；
功能测试（$范围）{
$scope.types=[
{id:1，名称：'fruits'}，
{id:2，名称：'vehicles'}
]
风险值=[
{id:1，名称：'apple'}，
{id:2，名称：'banana'}，
{id:3，名称：'orange'}
]
var车辆=[
{id:4，名称：'car'}，
{id:5，名称：'bus'}，
{id:6，名称：'lorry'}
]
$scope.changeType=函数（）{
$scope.selectedItem=0；
如果（$scope.selectedType==1）{
$scope.items=水果；
}
else if（$scope.selectedType==2）{
$scope.items=车辆；
}
}
}

选择类型
选择项

@Saiyaff Farouk:请注意，在编辑帖子时，不要跳过行！！！我从评论队列中重新添加了它。我的错误@卢伊斯帕特里塞特：谢谢你。是的，这和你做的一样，但要具体一点。我尝试做的一件事是，当你选择“车辆”时，它应该改为选择“汽车”，当选择水果时，它将改为选择“仅限苹果”。请帮助我继续使用您的代码进行测试。我修改了它，但没有在这里工作，因为代码使用

id

作为标识符，所以分配项目的

id

就可以了。