How to get data attribute value in component.ts in angular 2

Question

I am trying to get value of data attribute inside component.ts in angular2.

1) form2.component.html

<md-select  placeholder = "BedRooms" [formControl]="userForm.controls['bedRooms']" >
    <md-option #bedRoom  *ngFor="let bedRooms of formSettings?.prices?.pricingParams?.bedRooms" [value] = bedRooms.title [attr.data-price] = bedRooms.price (click)="test(bedRoom)"> {{bedRooms?.title}} </md-option>
</md-select>

How to get value of data-price in test function?

Possible duplicate of Access data attribute value in angular 2 — Ganapathi Basimsetti
– Ganapathi Basimsetti, Commented Jun 16, 2017 at 16:54

Ganapathi Basimsetti · Accepted Answer · 2017-06-16 16:52:40Z

4

You can access the value of data-price from reference bedRoom as below.

bedRoom.getAttribute('data-price');

answered Jun 16, 2017 at 16:52

Ganapathi Basimsetti

1744 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

How to get data attribute value in component.ts in angular 2

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related