將選擇元素綁定到Angular 1.5

我不知道爲什麼當我運行我的頁面時，選項呈現良好，但是當我在Chrome中執行一個檢查元素時，我可以看到我的選項的值不好。它給我的價值=「對象：8」將選擇元素綁定到Angular 1.5

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

如果我在fiddle複製我的代碼，它工作得很好。對於第一種選擇的值是值=「1」

該「選擇」元素在一個模態，其是在被稱爲在UI視圖模板頁

這是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" 
    }, 
]

我的錯誤是什麼？

來源

2016-09-16 Maximus Decimus

我發現這個article，這解釋了爲什麼angular將我的值解析爲object：＃。

我不知道爲什麼它不能在我的模態角度上工作，但在jsfiddle運作良好。

希望這可以幫助其他人。

來源

2016-09-25 01:25:14

將選擇元素綁定到Angular 1.5

回答

相關問題