Javascript AngularJS-选择选项并在函数中使用它

我有一个cshtml文件，其中包含以下代码（一个下拉列表，其中包含从模型中获取的数据）

还有一个功能，应该在网络上显示额外的下拉列表，显示选择的国家是美国还是澳大利亚

    $scope.stateVisible = function(){

        if($scope.model && $scope.model.CountryDetail){
          return $scope.model.CountryDetail.StateVisible;
        }

        return false;
    };

---

我的问题是，我不知道如何将所选的字母代码（选项的值）发送到函数countryChanged，因为我认为如果我这样做，那么我将能够轻松地将状态加载到附加的下拉列表中，并在站点上显示它。

因为您对可以使用rootScope的每个变量都使用$scope

$rootScope

---

用于传递数据。

因为您对可以使用rootScope的每个变量都使用$scope

$rootScope

---

用于传递数据。

只需使用

ng选项

，该选项将为

的

ng模型

。比如说

<select ng-model="model.selectedCountry" ng-change="countryChanged()"
    ng-options="country.CommonName for country in model.Countries track by country.ISO316613LetterCode">
</select>

然后，您的

countryChanged（）

函数（以及任何其他控制器函数）可以使用

$scope.model.selectedCountry

，这将是一个完整的国家/地区对象

---

Plunker演示~

只需使用

ng选项

，该选项将为

的

ng模型分配所选模型。比如说

<select ng-model="model.selectedCountry" ng-change="countryChanged()"
    ng-options="country.CommonName for country in model.Countries track by country.ISO316613LetterCode">
</select>



然后，您的
countryChanged（）
函数（以及任何其他控制器函数）可以使用
$scope.model.selectedCountry
，这将是一个完整的国家/地区对象

Plunker demo ~
那么，当用户选择国家/地区时，您想在页面上动态添加一个状态下拉列表吗？您应该尝试使用ng选项的键和值ng repeat，所以当用户选择国家/地区时，您想在页面上动态添加一个状态下拉列表吗？您应该尝试使用ng选项的键和值ng repeat
<select ng-model="model.selectedCountry" ng-change="countryChanged()"
    ng-options="country.CommonName for country in model.Countries track by country.ISO316613LetterCode">
</select>