ng-init で選択し、ng-option でフィルターしても空の行が表示されます

Question

私は angularJS を初めて使用するのですが、特定の問題に苦労しています。他の選択では、問題なく希望したものを表示できました。ただし、必要な要素が配列内に深くネストされているため、この場合はリストに使用される配列を平坦化するフィルターがあります。

これがフィドルです:JSフィドル

<select ng-model='selectedFunctionField' ng-init="selectedFunctionField = fields[0]" ng-options="field as field.display for field in fields|flatten" class="form-control"></select>

私の問題は、削除できない空の行です。SOで見つけたものはすべて試しました：文字列を使用した ng-init、オブジェクトを使用した ng-init、関数を使用した ng-init、$scope 変数を使用した ng-init など、コードに何か問題があるのですが、何が間違っているのかわかりません...

ご協力いただきありがとうございます。

Answer 1

nginit は次のようになります。

ng-init="selectedFunctionField = fields[0].columns[0]"

データをフィルタリングして列を返すとき。

サンプルデモ: http://plnkr.co/edit/FF0hupHo0Qc2i2Ee5QVP?p=preview