Angularjs select option 為什麼顯示問號__js

今天做下拉框總是出現預設的問號：

經過google不斷的查看資料，發現是因為ng-model沒有賦值，而且必須是對象.屬性；

錯誤的代碼：

$scope.localeOptions = [
         {
         id:"zh_CN",
         name:"簡體中文"
         },
         {
         id:"zh_TW",
         name:"繁體中文"
         }
];
 
$scope.selectedLocale = $scope.localeOptions[0].id;

<select class="form-control" ng-options="option.id as option.name for option in localeOptions" ng-model="selectedLocale" ng-change="changeLocale()">
</select>

正確的代碼：

$scope.localeOptions = [
         {
         id:"zh_CN",
         name:"簡體中文"
         },
         {
         id:"zh_TW",
         name:"繁體中文"
         }
];
 
$scope.localeOptions.id = $scope.localeOptions[0].id;

<select class="form-control" ng-options="option.id as option.name for option in localeOptions" ng-model="localeOptions.id" ng-change="changeLocale()">
</select>