The empty option is added by Angular, as can be seen in this ticket
and hundreds of other pages
. Now it's a fact that it should not add the option if the select value is initialized in the $scope, which is the case in your example. But I couldn't figure out why it adds it.
I discovered that if I comment out the transclusion from our directive (see this patch
) then it works as expected. However that patch was reverted
because it created other problems.
In short, the only workaround I know of is to use a data source, instead of initializing the drop-down with <option> elements. Or, use a different element, for instance a <ul> instead of a <select>.
Here is an example using a data source: http://dojo.telerik.com/@mishoo/UDOr
Hope this helps.
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI