Default value of select is not correct

I have a select element to select gender.

<select ng-model="data.user.gender">
	<option ng-repeat="gender in genders"
		ng-value="{{gender.value}}"
		ng-selected="gender.value == data.user.gender">{{gender.text}}</option>
</select>

My controller:

    $scope.data = {};
    $scope.data.user = getCurrentUser();

    $scope.genders = [
      {
        value: 0,
        text: "Male"
      },
      {
        value: 1,
        text: "Female"
      }
    ];

My problem is the default selected element is empty. My getCurrentUser() guarantee return an user object like this:

{
   fullname: 'abc',
   email: 'my@email.com',
   gender: 0
}

The gender will be 0 or 1. But my select element is always blank when the page loaded no matter what gender value is.

Any suggestion? Thanks.