角度のついたバインド要素を選択します。012

Question

ページを実行するとオプションがよくレンダリングされますが、Chromeでinspect要素を実行すると、オプションの値が正しくないことがわかります。

<option label="Teacher" value="object:8">Teacher</option> 

私はfiddleに私のコードを複製した場合、それがうまく機能：それは私の値=「8オブジェクト」を与えます。この「選択」要素がUIビューで呼び出されるテンプレートページにあるモーダル

にある最初のオプションの値は=「1」

値であり、これは、HTML

です

<select 
     x-ng-model="filteredCategory" 
     x-ng-options="category.name for category in categories" > 
    <option value="">-- Choose a category --</option> 
</select> 

コントローラ

app.controller('CategoriesController', function ($scope, $stateParams, $uibModal, RegistrationService) { 

    RegistrationService.getCategories().then(function(categories){ 
     $scope.categories = categories; 
    }); 
}); 

からのコードのこの作品は、私は郵便配達クローム

と私のRESTfulなWebサービスの結果をテストしました

[ 
    { 
    "id": 1, 
    "name": "Teacher" 
    }, 
    { 
    "id": 2, 
    "name": "Student" 
    }, 
    { 
    "id": 3, 
    "name": "Coordinator" 
    }, 
] 

私の間違いは何ですか？

Answer 1

これは、角度がobject：＃として私の値を解析している理由を説明しているarticleです。

私は角で私のモーダルでは動作しないが、jsfiddleではうまく動作しない理由はわかりません。

これは他の誰かを助けることを望みます。