Coder Social home page Coder Social logo

md-chips's People

Contributors

bogdanrusinka avatar bryant1410 avatar dynamicsingh avatar hashans avatar msemenistyi avatar vol4ara avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

md-chips's Issues

Render List Of Links

Hi,
It would be nice if it could also be used also to render a list of "users" as simple links (for example each item has to have an url propery). Also the input field should be optional.
As stated in the design specification:

Touching them invokes the full entity view in a card or full screen view or invokes a menu of options related to that chip’s entity.

Maybe it should also be possible to provide a directive property with a function reference name. The function could then be invoked with the item as argument when a chip is clicked..

Btw:
Greate idea. and thanks for sharingI just searched for such a component. Do you plan to integrate this work into the https://material.angularjs.org project?

Other question. What will be the license of this project?

Can we Disable?

How to disable Chips Disable directive without checkbox???

[Question] Drag and Drop

I have some question about your md-chip:

Does your md-chips support drag and drop within an md-chips collection and between not related md-chips collections?

Dynamic Collection

Is it possible to have a dynamic collection that is asynchronously loaded?

Loading AJAX Content

If I set the elements like the example says, mdChips works! But, I initialize the array elements as an empty array. If I try to load them inside a callback of an AJAX, the array elements still empty. Is there any way to update the elements on md-chips tag?

chip's details are not shown

Hi there,
I have existing angularjs project and I found this extremely nice chip control. Unfortunately when I attempt to use it I struggled with two main issues:

  • Appearance - please look at the attached screenshot - you can see, that label is not completely visible. This is the small issue however, comparing with the next one:

chips

  • Missing details list - when chip is already shown in input line, if you click on it, it should open details line, from where you can choose either to close the chip or to switch between available chip items (if any). However, when I click on the chip the list does not appear. A little digging into mdchips.js file shows me that the problem is inside the following piece of code:

    scope.showMore = function(index, event){
    ....
    $timeout(function() {
    if (element[0].querySelector('#chips-list')){
    this.chipsText[this.mdTitle] = '';
    element[0].querySelector('#chips-list').remove();
    }
    chipsActive.appendChild(chips[0]); // -->when this line is executed, the list appears, however after that when $apply method is executed the list disappears
    });
    ....
    }

So as you can see above, the list appears and been injected into DOM, however, as long as $apply method executes as the part of the digest cycle, the list disappears.

So how can I solve both issues?

Thanks in advance

Add keyboard navigation

I'm going to implement keyboard navigation for list of items from general list and in selected chips with multiple subtitles

directive injection failuer

Hello!
when i use this md-chips directive with my material project where i already use 'ngMaterial' its throw me the following error:
[$compile:multidir] Multiple directives [mdChips (module: material.components.chips), mdChips] asking for new/isolated scope on:

so please give me the solution ASAP

please update this package in bower.

When using bower to install this package, it install v0.0.2 by default.

But the latest version is v0.2.1, I need to use bower install B1naryStudio/md-chips#master --save to get the latest version.

So, please update the package in bower. πŸ˜ƒ

Don't allow duplicate chips

Right now we can select the same chip multiple times as per demo. I think it will be good if duplicates are not allowed.

When Enter button pressed automatically form is submitted

Hi I Used md-chips directive inside form tag. If Select the value using enter button ng-click event automatically fires. Here sendInmail() function is also executed while select value using enter button how to solve this one?

Here I pasted the HTML form.

md-chips collection='mdchipsFormatedContacts' ng-model='selectedUsers' md-title='title' md-thumbnail='thumbnailUrl' md-subtitle='subtitle' md-item='items' disabled='false' unique='true'"

input type="text" class="form-control" id="inputPassword3" placeholder="Subject" ng-model="composemail.subject"

button class="btn btn-success" ng-click="sendInmail()" Send button

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.