Angular ng-options 中的空元素（有和没有分组）

Question

我有一个（一个看似常见的）空选项值问题，一个使用 ng-options 的选择查看的角度模型。

$scope.groupTypeOptions = [
    { group: 'g1', name: '---', value: null }, 
    { group: 'g2', name: 'Feature', value: 'feature' }, 
    { group: 'g2', name: 'Bug', value: 'bug' }, 
    { group: 'g2', name: 'Enhancement', value: 'enhancement' }
];

<select ng-model='form.groupType' required ng-options='option.value as option.name group by option.group for option in groupTypeOptions'></select>

这里可以看到一个小提琴： http://jsfiddle.net/v6z3zh49/

我的目标是从一个预定义的模型中显示一个分组选择，其中选定的项目表示 null（或空字符串）。但是，在选择值时，我总是以添加额外的，空的选项元素结束。参见上面的小提琴。

我看过类似的问题，例如here 和here，但找不到解决方案。

有什么建议吗？

Answer 1

试试：

$scope.groupTypeOptions = [
        { group: 'g1', name: '---', value: undefined }, 
    { group: 'g2', name: 'Feature', value: 'feature' }, 
    { group: 'g2', name: 'Bug', value: 'bug' }, 
    { group: 'g2', name: 'Enhancement', value: 'enhancement' }
    ];

这是因为在 javascript null !== undefined.

希望，它会有所帮助。

演示：http://jsfiddle.net/ababashka/skk4uj1y/