Question

我不知道为什么当我运行我的页面时，选项很好地呈现，但是当我在Chrome中执行检查元素时，我可以看到我的选项的值不是很好。它给了我值=＆＃34;对象：8＆＃34;

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

如果我在 fiddle 中复制我的代码，则效果很好。第一个选项的值是value =＆＃34; 1＆＃34;

这＆＃34;选择＆＃34; element位于模板中，该模板位于在ui-view

中调用的模板页面中

这是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;
    });
});

我使用postman chrome

测试了我的restful web服务的结果

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

我的错误是什么？

Answer 1

我发现这个article解释了为什么angular将我的值解析为对象：＃。

我不知道为什么它对我的角度模态不起作用，但在jsfiddle工作得很好。

希望这有助于其他任何人。

使用Angular 1.5绑定选择元素

1 个答案: