Html 如何更新<；选择>；点击带有AngularJs的选项_Html_Angularjs

Html 如何更新<；选择>；点击带有AngularJs的选项

html angularjs

Html 如何更新<；选择>；点击带有AngularJs的选项,html,angularjs,Html,Angularjs,我有以下html代码 <select name="Gender" class="form-control"> <option value="m">Male</option> <option value="f">Female</option> </select> JsFiddle: 您不需要在选中的ng中使用大括号： <option value="m" ng-selected="GenderInfo.G

我有以下html代码

<select name="Gender" class="form-control">
    <option value="m">Male</option>
    <option value="f">Female</option>
</select>

JsFiddle:

您不需要在选中的

ng中使用大括号

：

<option value="m" ng-selected="GenderInfo.Gender =='m'">Male</option>
<option value="f" ng-selected="GenderInfo.Gender =='f'">Female</option>

男性
女性

像这样尝试：

<body ng-app ng-controller="AppCtrl">
    <div ng-click="setGender()">Set</div>
   <select name="Gender" class="form-control">
        <option value="m" ng-selected="GenderInfo.Gender =='m'">Male</option>
        <option value="f" ng-selected="GenderInfo.Gender =='f'">Female</option>
   </select>
</body>


设置
男性
女性

ngSelected

不需要{{}，因为它计算给定的表达式

希望这有帮助。我已经用您的JSFIDLE对它进行了测试，它似乎工作得很好。

您可以使用

ng选项

参见

请参见my with ng选项：

<select ng-model="GenderInfo" name="Gender" class="form-control" ng-options="g.value as g.title for g in gender">

当您有一个预先选择的选项时，这是正确的答案，可以认为是正确的方法

<body ng-app ng-controller="AppCtrl">
    <div ng-click="setGender()">Set</div>
   <select name="Gender" class="form-control">
        <option value="m" ng-selected="GenderInfo.Gender =='m'">Male</option>
        <option value="f" ng-selected="GenderInfo.Gender =='f'">Female</option>
   </select>
</body>

   <select ng-init="model.Gender = genders[0].Key" name="Gender" class="form-control" ng-model="model.Gender" ng-options="g.Key as g.Gender for g in genders">

<select ng-model="GenderInfo" name="Gender" class="form-control" ng-options="g.value as g.title for g in gender">

 $scope.gender = [
            {value:'m',title:'Male'}, 
            {value:'f',title:'Female'}
            ];
        $scope.GenderInfo = $scope.gender[0].value;//Set Default gender