Angular的ng選項工作不正確| Angularjs

Question

Angular的ng選項工作不正確。

它必須使選擇這樣的：

<option value="1" label="Not available">Not available</option> 
<option value="3" selected="selected" label="Available">Available</option> 

但事實並非如此。值鍵不匹配，選定的標籤不起作用。

我在做什麼錯在這裏？

產品模型對象從數據庫

Object {id: "7", name: "Some name", category_id: "1", img_big: "uploads/products/5552f2ba31694@big.jpeg", img_thumb: "uploads/products/5552f2ba31694@thumb.jpeg"…} 

isAvailable對象

$rootScope.isAvailableScope = [ 
    { 
     status: 1, 
     name : 'Not available' 
    }, 
    { 
     status: 3, 
     name : 'Available' 
    } 
] 

HTML

<select class="form-control" 
     ng-model="product.is_available" 
     ng-options="isAvailable.status as isAvailable.name for isAvailable in isAvailableScope" 
     required> 
    <option value="">Choose</option> 
</select> 

Answer 1

查nge $rootScope至$scope。你在控制器中，在它的範圍內。

$rootScope.isAvailableScope = [ 
    { 
     status: 1, 
     name : 'Not available' 
    }, 
    { 
     status: 3, 
     name : 'Available' 
    } 
] 

到...

$scope.isAvailableScope = [ 
    { 
     status: 1, 
     name : 'Not available' 
    }, 
    { 
     status: 3, 
     name : 'Available' 
    } 
] 

FIDDLE