ng-optionは2つの空のオプションを表示し、空の値はグループ

Question

ng-optionでドロップダウンを行い、グループを追加しました。 データにはgrupを追加したオプトイン用の空の文字列が含まれています。 ドロップダウンで2つの空のノードが表示されます。あなたは、単に色のこれらの空に色合いを削除することができます

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

Plunker link

Answer 1

： ドロップダウン

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をこれら2つの空のノードを削除する必要があります。

ちょうどあなたのコントローラでこれを含める：

$scope.colors = $scope.colors.map(function(value) { 
    if (value.shade == '') { 
    value.shade = undefined; 
    } 
    return value; 
});