AngularJS Выбор выбранных параметров не работает

Question

У меня есть опции выбора, заполняемые из другого JSON и выбранного значения, которое будет привязано к другому JSON. С помощью приведенного ниже кода, выбор заполняется, но не выбирает текущее значение !. Я определенно уверен, что что-то упустил в выбранном определении. Я делал поиск, но все они были связаны с одним объектом, а не с двумя разными.

HTML:

<table class="detailtable"><tbody>
    <tr>
        <td class="tdItemLabel">Item</td>
        <td ><input type=text ng-model="currentItem.ItemName"></td>
        <td class="tdItemLabel">Type</td>
        <td>
            <select ng-model='currentItem.Type' data-ng-options='tType.Type for tType in AllItems'></select>
        <td>Qty</td>
        <td >{{currentItem.Quantity}}</td>
    </tr>
    <TR>
        <td class="tdItemLabel">Desc</td>
        <td colspan="5">
            <textarea style='width:100%' rows=6 ng-model='currentItem.ItemDesc'></textarea>
        </td>
    </tr>
    <tr>
        <td>Price</td>
        <td><input type=text ng-model='currentItem.Cost'></td>
    </tr>
</tbody></table>

А вот структура JSON

$scope.AllItems = [{Type:"T1",Value:"10"},{Type:"T2",Value:"20"},{Type:"T3",Value:"30"}];
$scope.currentItem = {ItemName:"Picture",Type:"T2",Cost:"200",ItemDesc:"Details of Picture"}

Конечно, я собираюсь использовать currentItem для обновления этой записи на сервере.

Answer 1

Вот что я сделал (клянусь, сам!). Не уверен, что это Правильный способ!

<select ng-model='currentItem.Type' >
   <option ng-repeat="tType in AllItems" value='{{tType.Type}}'>{{tType.Type}}</option>
</select>

Answer 2

Попробуйте изменить data-ng-options на ng-options. Для параметров синтаксис будет variable.key as variable.value for variable in list