I wish this helpful for you The bottom line is that you cannot use input-append alongside Select2 natively. The input that you put into the HTML is actually going to be hidden, and Select2 injects additional DOM elements (divs, lists and inputs) that all will be hidden/shown and all have their own respective CSS. The problem you are having is due to conflicting CSS between Bootstrap and Select2.
Angular UI select2 with tags not working inside custom directive
I wish did fix the issue. In the end I managed to find a solution I was happy with involving nesting two directives, that way the logic can be encapsulated inside the parent directive (not spilling out into the controller). A Plunker of my solution is here for anyone who may stumble across the same issue:
To fix the issue you can do hi every one I am working on angular js project. But here is a little problem i am using dynamic form for multiple fields and using select2 function for search but first time it is working then after making new field it is not working for search can you please help me?? , Initialize select on your angular add function.