angularjs - Nested SELECT options -
I'm looking for an instruction that allows the user to see the elements in the dropdown in a hierarchy. SELECT supports tags but it allows only 2 levels. I would like to show about 5 levels. For Asia
Japan
Tokyo
Okinawa
The user will be able to select an item at any level.
Users will be able to select Asia or Japan or Tokyo. All these options will appear in a single dropdown. I am not looking for a cascading selection in which you first choose the continent, country, then city.
Is there an angular instruction for this?
Thank you,
Yash
Why you just do not have a simple fingerprint bootstrap , And edit the CSS class to substitute a CSS class based hierarchy, and to match your preferences.
The UI planker was forked - choose and edit it for your needs,
HTML:
gt; & lt; / span & gt; & lt; / ui-select-options & gt; & Lt; / ui Select & gt; Javascript:
$ scope.countries = [// https: //igist.github. {Name: 'Asia', code: 'as', css_class: 'hierarchy1'}, {name: 'Japan', code: 'jp', css_class: 'hierarchy2'}, {name: 'Japan', Code: 'JP-TK', Css_class: 'hierarchy3'}, {name: 'Okinawa', code: 'jp-ok', css_class: 'hierarchy 3'}, {name: 'India', code : 'IN', css_exas: 'hierarchy 2'}, (name: 'mumbai', code: 'IN-mu', css_class: 'hierarchy3 '}, {Name:' Kolkata ', code:' IN-KL ', css_class:' hierarchy3 '}, {name:' Europe ', code:' as ', css_class:' hierarchy1 '}, {name:' Germany ', Code:' jp ', css_class:' hierarchy2 '}, {name:' Berlin ', code:' jp-vaccine ', css_class:' hierarchy 3 '}]; CSS:
/ * custom hierarchical category * /. Hierarchy1 {background: #bbb; red color; }. Hierarchy2 {Background: #ddd; color blue; Margin-left: 5px; }. Hierarchy3 {background: #fff; color green; margin-left: 10px; } Refer:
Comments
Post a Comment