Question

我有一个下拉列表，用于保存电子邮件模板。现在，我已将其分为两种类型的模板。一个是用户生成的模板＆＃39;和其他系统生成的模板＆＃39; 。

我有继续添加模板的功能，它们会填充到Dropdown中。

这里的重要部分是＆＃34; Group＆＃34;模板为＆＃39;电子邮件＆＃39;和＆＃39;系统＆＃39;。我的条件是，每当用户模板＆＃34;添加后，它们应放在＆＃34;系统模板上方＃34;

我需要填充下拉列表，以便根据＆＃34;用户＆＃34;进行分组。和＆＃34;系统＆＃34; AngularJS的模板。我该怎么做呢？

寻求帮助！

Answer 1

假设模板具有以下结构：

$scope.templates = [{
    type: 'Email',
    name: 'Template u1'
}, {
    type: 'Email',
    name: 'Template u2'
}, {
    type: 'System',
    name: 'Template s1'
}, {
    type: 'Email',
    name: 'Template u3'
}, {
    type: 'System',
    name: 'Template s2'
}, {
    type: 'System',
    name: 'Template s3'
}];

如果您想在下拉列表中按类型对其进行分组，则会声明您的select元素：

<select ng-model="template" ng-options="template.name group by template.type for template in templates">
    <option value=''>Select a template</option>
</select>

请参阅此fiddle

使用AngularJs通过分组填充下拉列表

1 个答案: