AngularJS下拉选择不起作用

Question

我正在使用Angular编写一个下拉选择菜单，其中包含几个选项，并将其提交给数据库。在前端html:

Role Type: 
<select ng-model = "Role_Type">
    <option ng-repeat="role in roles" value="{{role}}"> {{role}} </option>
</select>

在我的控制器中，我有:

$scope.roles = ['Teacher', 'Student', 'Janitor', 'Principal'];
$scope.addNewEntry = function() {
      entrys.addNewEntry({
         Role_Type: $scope.role,
      });
}

在我的后端(使用Mongoose.js)模式，我有:

var EntrySchema = new mongoose.Schema({
      Role_Type: String,
});

我使用以下代码将其显示在前端:

Role Type:
{{entry.Role_Type}}

但这不起作用。前端没有显示任何内容。什么好主意吗?

Answer 1

不使用ng-repeat，尝试使用ng-options，这意味着在下拉菜单中重复值。

<select ng-model="Role_Type" ng-options="role for role in roles"></select>