Coder Social home page Coder Social logo

ngx-tags-input's People

Contributors

sonaryr avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

ngx-tags-input's Issues

keyup.space

It would be nice to have the ability to have tags without spaces. Where if the user types a space, the addTag is called triggering the addition of the tag.

tag-input is not known element

Uncaught (in promise): Error: Template parse errors:
'tags-input' is not a known element:

  1. If 'tags-input' is an Angular component, then verify that it is part of this module.
  2. If 'tags-input' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<tags-input class="form-control input-lg" [(ngModel)]="tags" name="tags">

Loses focus on first tag entry

Hi,

I am facing a weird issue in ngx-tags-input plugin. After entering first tag and hitting enter button, cursor loses focus from input box. 2nd tag entry onwards it works just fine.

Please help.

Add the tag on lost focus

Hello, it would be nice that when the control lost the focus, the current typed text will be added as tag.

Tags in null so can't find length property

I am getting an error in 'maximumOfTagsReached' method that 'can't find length property' as Tags values are null.

I have noticed that when we create component it executes writeValue method two times one with null values and the second time with actual data. I guess the first call of writeValue with null data is causing this issue.

We can quick fix as previously did for placeholder method. You can get the reference from here: - https://github.com/Sonaryr/ngx-tags-input/blob/master/src/tags-input.component.ts

Let me know if any query. In meantime, I'll create the pull request for same with the quick fix.

Show all available options on click

Hello,

I'm coming back to you again with a question/feature request. When you click on the component, without typing anything, is it possible to display all available options on the dropdown ? Because when a user doesn't know what are the available options to the field, he doesn't know what to look for, so it can feel not user-friendly.

I looked through the readme and didn't see a way to do this right now.

Many thanks !

Not working with angular 4

ERROR in Error: Metadata version mismatch for module /home/emp309/work_space/fieldstar-web/node_modules/ngx-tags-input/dist/index.d.ts, found version 4, expected 3

Number of options in dropdown

Hello,

I was wondering if you could add an attribute where you could chose the number of options in the dropdown. It seems that for the moment, the value is the default one in the ngx-bootstrap typeahead directive, which is 20.

Thank you very much in advance.

TagsInputComponent.html:20 ERROR TypeError: Cannot read property 'length' of null

Hello, my angular app using ng tas input crash at boot on this line:

https://github.com/Sonaryr/ng2-tags-input/blob/8816f83e3d3b5710876c7363712c54eaaf531502/src/tags-input.component.ts#L110

here is the html:

Alerts :
<tags-input class="form-control"
            [removeLastOnBackspace]="true"
            [(ngModel)]="alertsSelectedNames"
            placeholder="Select an alert"
            (onTagsChanged)="onTagsChanged($event)"
            [options]="alertsDisplayNames"></tags-input>

here is the stack trace:

 TypeError: Cannot read property 'length' of null
    at TagsInputComponent.webpackJsonp.../../../../ng2-tags-input/dist/src/tags-input.component.js.TagsInputComponent.getPlaceHolder

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.