Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to use angular2-text-mask with ui-material #510

Closed
cob-luz opened this issue Sep 18, 2017 · 5 comments · Fixed by #657
Closed

How to use angular2-text-mask with ui-material #510

cob-luz opened this issue Sep 18, 2017 · 5 comments · Fixed by #657

Comments

@cob-luz
Copy link

cob-luz commented Sep 18, 2017

I'm submitting a...


[ ] Bug
[ ] Feature Request / Proposal
[x ] Question

I'm using...


NG Dynamic Forms Version: X.Y.Z

[ ] Basic UI
[ ] Bootstrap UI  
[ ] Foundation UI
[ ] Ionic UI
[ ] Kendo UI
[x ] Material  
[ ] NG Bootstrap
[ ] Prime NG

Description

Hi, I would like to use angular2-text-mask with ng-dynamic-forms. Is this easily possible and if yes, how should I approach it / is there some small example?

@udos86
Copy link
Owner

udos86 commented Sep 18, 2017

@cab-peax Hi!

Hi, I would like to use angular2-text-mask with ng-dynamic-forms. Is this easily possible and if yes, how should I approach it / is there some small example?

Sorry, at the moment there's no text mask support for Material UI due to rendering issues.

This will be available as soon as angular2-text-mask resolves those flaws.

@udos86 udos86 closed this as completed Sep 18, 2017
@ivarorn85
Copy link

@udos86 Hi,

Could you check if the rendering flaws you mention have been resolved? I just tried using textMask with material input and I could not see any issues.

number = createNumberMask({
thousandsSeparatorSymbol: '.',
prefix: ''
});

I'm thinking about using ng-dynamic-forms in a project that I'm working on and both using material and text masking is a requirement.

Thanks for creating this library 👍

@udos86
Copy link
Owner

udos86 commented Jan 15, 2018

@ivarorn85 Hi!

Thanks for giving some update on this!

I'll give it another try...

Thanks for creating this library

You're welcome - thanks for trying it out!

@udos86 udos86 reopened this Jan 15, 2018
@Karamuto
Copy link
Collaborator

Karamuto commented Jan 17, 2018

As the author said, this here works as intended:

<mat-form-field [textMask]="{mask: mask, showMask:true}">
  <input matInput type="text">
</mat-form-field>

I think its very important that the textmask property is placed on the form field element instead of the input.

Also from here: Great work! This library is easy to use and enjoyable!

@udos86
Copy link
Owner

udos86 commented Jan 20, 2018

@Karamuto Thank you very much your feedback!

@udos86 udos86 mentioned this issue Jan 21, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants