-
Notifications
You must be signed in to change notification settings - Fork 3.4k
md-chip components with ng-repeat directive not shown on Codepen #2829
Comments
md-chip
components with ng-repeat
directive are not shown.md-chip
components with ng-repeat
directive not shown
md-chip
components with ng-repeat
directive not shown
Same here. |
Seeing the same issue. |
The similar issue exists when
Here only the last chip is displayed. |
I wonder about that too, I guess it's the directive priority not high enough? Maybe lowering the priority for md-chips or md-chip would help fix this? |
@sazonenka Same here.
|
Actually we have two different issues here. I have opened a new one. Those having issues about |
@cnjsstong2 Not totaly unusable.
The md-chips uses ng-repeat internally so |
@kvetis Thanks for the workaround! |
+1 That works. |
Since we have a workaround for the A cursory look seems like it might take quite a bit of refactoring to get this implemented. @ThomasBurleson @robertmesserle Thoughs? |
In readonly mode, the dynamic chips had an additional bit of padding that made them inconsistent with static chips and caused the inner text to not be centered. Fixes #2829 (already closed, but people mentioned it in comments)
This is still a problem for me because I am using the chips as a kind of tag editor for images. I can't have static chips because the user can add whatever tags they want. |
@srukali Can you not use the |
@topherfangio This is a general idea of what I'm trying to do For now I'm turning the editor into a component and then repeat from there. |
@srukali Perhaps you can describe it a bit more, but this should actually work. We fixed the bugs that were causing problems with an <md-chips>
<md-chip ng-repeat="..."></md-chip>
</md-chips> In your Codepen, it looks like your Here is an updated one that I think will work as you expect: http://codepen.io/topherfangio/pen/LNqXWK |
@topherfangio I saw comments related to the |
@srukali Glad I could help! |
I have to use the md-chip with data from two different lists. <md-chips>
<md-chip ng-repeat="data in firstList"></md-chip>
<md-chip ng-repeat="data in secondList"></md-chip>
</md-chips> does anyone have an idea how i could get this working? |
@TheNoobCH The easiest way to do this is probably to setup a separate list based off of the first two which just concatenates them together and use the |
@topherfangio Thank you for the quick reply. |
The use of ng-repeat on the md-chip could be very useful if you want to style the chips. <md-chips>
<md-chip class="red" ng-repeat="data in firstList"></md-chip>
<md-chip class="blue" ng-repeat="data in secondList"></md-chip>
</md-chips> I haven't found a way to do this with the current given posibilities yet. |
@TheNoobCH Yes, unfortunately there are currently some technical reasons why this isn't available at the moment. As far as what you want to do, you could use |
Any update on this? |
@cmacdonnacha This issue was closed a while ago because there are usually ways to work around it, and solving it would be very complex. What are you trying to do? Perhaps I can point you to a workaround? |
@topherfangio Thanks for your reply. I'm trying to display a list of read-only chips using a property on an object as the text. Here's a codepen: http://codepen.io/cmacdonnacha/pen/pbPwvp?editors=1010 Any help would be greatly appreciated, thanks! |
@cmacdonnacha Gotch, then you want to use Here is an example of how to get this to work: http://codepen.io/topherfangio/pen/qNmjVW?editors=1010 |
@topherfangio thanks for that! The only thing is that they need to be read only. |
@cmacdonnacha Good thing chips support the I've updated my Codepen above to include it so you can see how it works. Hope this helps! |
@topherfangio Perfect thanks a million! :-) |
@kvetis Thank you |
@topherfangio Workaround provided works, but nothing updated on the docs about the static chips and ng-repeat issue |
@RakeshMaddala Care to submit a PR for the docs addition? If so, I'll definitely review it ASAP! |
I got the impression reading the thread above that ng-repeat on md-chip was fixed, but it doesn't seem to work for me. Am I understanding it wrong? I want to manually use chips, what would be the best way to go? EDIT: It seems like using |
@kvetis Thank You !! |
md-chip
components withng-repeat
directive are not shown.Codepen Example based off of the Static Chips demo
In this case, the chips with the
ng-repeat
directive are not displayed at all:The text was updated successfully, but these errors were encountered: