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

我有一个下拉列表，用于保存电子邮件模板。现在，我将其分为两种类型的模板。一种是“用户生成模板”，另一种是“系统生成模板”

我有不断添加模板的功能，它们将填充到下拉列表中

这里的重要部分是将模板“分组”为“电子邮件”和“系统”。我有一个条件，无论何时添加“用户模板”，它们都应该放在“系统模板”之上

我需要填充一个下拉列表，这样它就可以根据AngularJS的“用户”和“系统”模板进行分组。我该怎么做

---

寻求帮助

假设模板的结构如下：

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


选择一个模板

请参考此
对不起，我看不到任何问题。请编辑您的帖子，并写下问题所在。@EelLee:我希望填充下拉列表，使其根据类型分组扫描您发布的任何代码？谢谢您的回答。。再需要一个帮助。。我正在使用文件上载多个文件。我需要进行客户端验证，以便只接受“txt/pdf/doc”文件，而不使用任何插件/库。