angularjs - 空の値でグループ化しながら2つの空のオプションを表示するng-option

Question

ng-option でドロップダウンを作成し、グループ化を追加しました。データには、グループを追加したオプションの空の文字列が含まれています。ドロップダウンに 2 つの空のノードが表示されます。これらの 2 つの空のノードをドロップダウンから削除する必要があります

angular.module('selectExample', [])
  .controller('ExampleController', ['$scope', function($scope) {
    $scope.colors = [{
      name: 'black',
      shade: ''
    }, {
      name: 'white',
      shade: 'light',
      notAnOption: true
    }, {
      name: 'red',
      shade: 'dark'
    }, {
      name: 'blue',
      shade: 'dark',
      notAnOption: true
    }, {
      name: 'yellow',
      shade: 'light',
      notAnOption: false
    }];
    $scope.myColor = $scope.colors[2]; // red
  }]);

HTML:

<select ng-model="myColor" ng-options="color.name group by color.shade for color in colors">
  </select>

プランカリンク