Comments (3)
I think you are looking for somthing like ngList directive. nqTagsInput
is for styled option rendering and seperating options by comma is not a good idea.
from quantumui.
I agree with you that nqTagsInput is for styled option rendering. Let me reword my needs: I use like the gmail new messages address field, where emails become tag like buttons. Gmail supports addresses input with the Enter key, but also with space, comma and semicolon. I think it could be more user friendly to support also these keycode, maybe with a specific option. So the options will not be separated by comma, but they will be pushed into the scope variable with these keycodes, exactly the same way it works actually with the Enter keycode.
from quantumui.
OK. I see! However I am not sure to add this as a future to nqTagsInput
.
I didn't tested but I think you can solve by adding a helper directive to input like below
app.directive('tagsInputExtend', function(){
return {
restrict: 'AC',
link:function(scope, element, attr, controller){
//find search input
var searchInput = element.parent().find('.select-render-nav .select-input');
searchInput.on('keypress', function(e){
//you may need prevent this event not sure!
//e.preventDefault();
//e.stopPropagation();
//validate keykodes you want
if(/186|188/.test(e.keyCode)){
//create enter event to run component function
enterEvt = document.createEvent('keypress');
enterEvt.which = enterEvt.keyCode =13;
element.trigger(enterEvt)
}
})
},
}
})
Then add this directive to your tagsInput element.
Hope it helps.
from quantumui.
Related Issues (20)
- Preselect some option using the select directive
- nqDropdown : template
- Site Down HOT 4
- improve docs nqPopover (programmatically) HOT 5
- nqSelect does not work properly
- Datepicker: cannot clear input value
- Pageable licence HOT 1
- Modal: Is it possible to inject its own controller? HOT 1
- Auto close dropdown on 'lost focus'
- Version inconsistent HOT 2
- drag items inside the grid
- Select Multiple, Modal
- $loading in a service with timeout=false HOT 2
- aside incompatible with view routing?
- nqModal onhide event HOT 1
- About the version tag HOT 3
- nq-dropdown remains open after selecting a menu item.
- timepicker container doesn't show the correct time
- click on a tooltiped element does not blur focused input
- nqSelect issue on IE
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 quantumui.