Giter VIP home page Giter VIP logo

Comments (7)

nicholasguyett avatar nicholasguyett commented on September 13, 2024 2

May I ask why you are using a multi-select dropdown if you only want the user to be able select one item at a time? I think your use-case might be better served by either using a regular <select> dropdown or if its the visual aspect you're going for, a library which is designed to be a single-select dropdown.

from ngx-bootstrap-multiselect.

softsimon avatar softsimon commented on September 13, 2024

I too believe you want is a radio button or single select.

from ngx-bootstrap-multiselect.

ferrufino avatar ferrufino commented on September 13, 2024

Haven't found a good alternative of a single select that works in angular 2. Bootstraps or Materialize break easily. Perhaps I'll search more for another one then.

from ngx-bootstrap-multiselect.

nicholasguyett avatar nicholasguyett commented on September 13, 2024

I'll close this issue for now, then.

I can try to think of a library that would suit your needs if you're telling me what your goal is (that the others are not able to provide for you), if you'd like.

from ngx-bootstrap-multiselect.

ferrufino avatar ferrufino commented on September 13, 2024

thanks @nicholasguyett ! Basically just a simple dropdown list, that I'm able to get the value chosen by the user and be able to toggle if a value was already selected. (For instance from my example, chose c++ and now changed it to java)

Problem seems to be that with normal dropdown list and jquery necessity, angular 2 usually breaks.

from ngx-bootstrap-multiselect.

nicholasguyett avatar nicholasguyett commented on September 13, 2024

I personally would recommend that you use a native select item with a blank/placeholder response, rather than use a plugin for it. It looks nice if you already have the bootstrap CSS and its guaranteed to work with Angular. If for some reason the native <select> element doesn't suit your needs, I'd take a look at the Angular UI project. I haven't personally used it, but its maintained and the Angular 1 compatible version was fairly populat.

In short, you should try a native select box first with a blank placeholder at the type (this requires you to initialize your property as an empty string or set both it and the placeholder's value as null, and if that doesn't suit your needs, use the Angular UI compoennts

from ngx-bootstrap-multiselect.

ferrufino avatar ferrufino commented on September 13, 2024

Thanks @nicholasguyett I've tried it and it didn't work that well. Can you please tell me how to activate the checklist on this dropdown multi-select.

from ngx-bootstrap-multiselect.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.