javascript - Angularjs 中的 ng-select 错误

Question

我有一个带有性别列的表。它是在加载表单时从数据库默认设置的。 但是当我点击编辑按钮时，会出现一个下拉菜单，其中包含性别“男性”和“女性”，但缺少默认值。

这是代码

<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>

Answer 1

您的代码看起来非常完美。请用这个工作 fiddle 交叉验证它。 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'};
}