Angular ng-options中的空元素(有和没有分组)

时间:2014-09-26 12:25:12

标签: angularjs

我有(看似常见的)空选项值的问题,使用选项使用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(或空字符串)。但是,在选择一个值时,我总是会添加一个额外的空选项元素。见上面的小提琴。

我查看了类似的问题,例如herehere,但无法找到解决方案。

任何提示?

1 个答案:

答案 0 :(得分: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/