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>

AngularJS下拉菜单选择不起作用

1 个答案: