Read CSS classes from child element in Angular2

Question

Is there a more clever way of retrieving template component classes than using nativeElement reference:

this.classes= elm.nativeElement.getAttribute('class');

Which will return list of classes in string form, but I believe there is much more clever way of doing that...

Background: I'm trying to set type property of input type="password" basing on ng-pristine class without using CSS. So it's basically toggling between text and password basing on ng-pristine.

Sounds like a bad idea if this Angular 2 or later. The element provides such a status. angular.io/api/forms/AbstractControl#pristine — Günter Zöchbauer
– Günter Zöchbauer, Commented Oct 6, 2017 at 8:50
You can try <input #inp="ngForm" [type]="inp.pristine ? 'text' : 'phone'">, but no guarantees this will do anything useful. — Günter Zöchbauer
– Günter Zöchbauer, Commented Oct 6, 2017 at 8:54
@Günter Zöchbauer I choose to read dirty property of FormControl. Works fine. If no further solutions will pop out I'' post it as answer — Tomas
– Tomas, Commented Oct 6, 2017 at 11:57

Günter Zöchbauer · Accepted Answer · 2017-10-06 12:03:07Z

1

This could do what you want:

<input #inp="ngForm" [type]="inp.pristine ? 'text' : 'phone'">

answered Oct 6, 2017 at 12:03

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Read CSS classes from child element in Angular2

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related