Fix bootstrap styling for ui-select.

[Ricky-rick]

Style the ui-select like a form-control not like a button.

A pluker showing the problem. It shows the difference between a normal fom-control and the ui-select styling.
http://plnkr.co/edit/2Ev6ucprGpOxLTm81QCN?p=preview

[cdjackson]

Interesting PR - this is a good idea IMHO. I haven't tried this PR, but I've just spent a couple of hours producing a LESS file to restyle it so that it looks like a form-control, and also works with the bootswatch themes, but it would be better if this was based on a form-control to start with.

[cyrilchaponeverysens]

@cdjackson could you provide that Less ? =p

[frederikprijck]

Any idea when this will be released ? I have buttons with border-radius 10px, but form-controls only have 4px, hence the ui-select having a border-radius of 10px instead of 4px.

I temporary fixed it using a directive:

(function () {
    "use strict";

    angular.module("myApp")
        .directive("haUiSelectFix", haUiSelectFixDirective);

    /*@ngInject*/
    function haUiSelectFixDirective(ValidatorService, Fields) {
        return {
            link: function (scope, elem, attrs, validationController) {
                var span = angular.element(elem).find("span.ui-select-toggle");
                span.removeClass("btn")
                    .removeClass("btn-default");
            }
        };
    }
})();

[ckosloski]

+1

[wesleycho]

I think this was an intentional decision in the library.

Note that one can easily override templates in $templateCache.