Angularjs中的ng选择错误


ng-select error in Angularjs

我有一个列性别的表。默认情况下,当加载表单时,它是从数据库中设置的。但当我点击编辑按钮时,会出现一个下拉列表,其中包含性别"男性"answers"女性",但缺少默认值。

这是代码

<td data-title="'<?php echo $this->lang->line('label_gender'); ?>'" sortable="'gender'" filter="{ 'gender': 'text' }">
   <span ng-if="!staff_reg.$edit">{{staff_reg.gender}}</span>
   <div ng-if="staff_reg.$edit">
      <select class="form-control" ng-model="staff_reg.gender">
         <option value="male" ng-selected="staff_reg.gender=='male'" ><?php echo $this->lang->line('label_male'); ?></option>
         <option value="female" ng-selected="staff_reg.gender=='female'"><?php echo $this->lang->line('label_female'); ?></option>
      </select>
   </div>
</td>

您的代码似乎非常好。请用这把工作小提琴进行交叉验证。http://jsfiddle.net/dakra/U3pVM/

<div ng-app>
  <div ng-controller="TodoCtrl" >
    <span>{{greeting}}</span>
      <select class="form-control" ng-model="staff_reg.gender">
         <option value="male" ng-selected="staff_reg.gender=='male'" >Male</option>
         <option value="female" ng-selected="staff_reg.gender=='female'">Female</option>
      </select>

    <span>{{staff_reg.gender}}</span>
   </div>
</div>

function TodoCtrl($scope) {
    $scope.greeting = "Hello";
    $scope.staff_reg = {gender : 'female'};
}