AngularJS 下拉菜单 select 不工作

Question

我正在使用 Angular 编写一个下拉 select 菜单，其中包含一些提交到数据库的选项。在前端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>

AngularJS 下拉菜单 select 不工作

AngularJS dropdown select not working

schema

mongoose

angularjs

angularjs-ng-repeat

mean-stack