Comments (2)
Thanks!
The directive doesn't work with ng-options. I tried, but it always had some
glitches. You need to use the Selectize config hash to define your value
and label keys. Your options can be a hash, that's fine. Selectize offers
grouping options but I've never tried them. Let me know if you can get them
to work.
On Sat, May 31, 2014 at 2:25 PM, Michael [email protected] wrote:
Hey there,
great work! took me a while to find your directive when searching for
angular selectize as other more incomplete directives came first in google.Anyhow, on to the problem. I am currently using chosen as a select
replacement, but want to move to selectize for various reasons. Most of my
option data sources are hashsets rather than arrays of objects so I am
using the following notation:ng-options="country.iso as country.name group by country.continent for
(key, country) in vm.lookups.countries"countries lookups looks like:
{
GB: {iso:'GB', name: 'United Kingdom', continent: 'Europe'},
IT: {iso:'IT', name: 'Italy', continent: 'Europe'}
}I tried playing around with the plnkr you have posted but could not get
selectize to work with ng-options. Any idea why the above is not working
and what should be done to support it?—
Reply to this email directly or view it on GitHub
#3.
from angular-selectize.
I see, it took me a while to get my head around how selectize is configured as it is totally different than other select controls, but I think I finally got it. There is a "hidden" property in the configuration object (at least I did not find in the docs) called optgroups which you can populate by calling addOptgroup and then refreshing the control or even better set it in the config object.
here is a fiddle with my solution, http://plnkr.co/edit/09qE7H07dRAJRg3kECko?p=preview
from angular-selectize.
Related Issues (20)
- Allow-Clear Option to Clear the selected value
- Restrict enter key to select the options HOT 1
- NPM repo is out of date HOT 2
- How do I select an item programatically? HOT 1
- can't include in entry webpack file....
- Angular missing as dependency in bower.json
- performance ui-select vs angular-selectize demo
- Impossible to select value in angular 1.6.4 HOT 5
- Is there a way to change maxItems value based on user activity? HOT 1
- Two dataway binding does not respect order - Regular select dropdown does HOT 2
- Angular selectize directive - I can't type in input when I select empty option
- selecting data from list and while reomving it doesnot save data on save button angularjs
- Allow edit mode for selected option HOT 1
- Handle large amount of data HOT 1
- selectize does not load
- Selectize does not seem to work in IE11 with older angular versions HOT 3
- Verision 3.0.2 does not have a release in Github HOT 1
- Input styles
- Label field going thru $sce.trustAsHtml() ? HOT 1
- When selectize-input is focused and i click on it - the Dropdown close and open every click. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-selectize.