Angular 5 Binding Attribute Using a Method?

Question

New to Angular and Typescript, trying to set a control's attribute using a method on my Component. Is it possible to send the Button control itself as an argument?

<input type="button" id="Button1" data-something="{{ GetSomething(this) }}">

And my method on my Component:

GetSomething(sender) {

    //do something with sender being the Button

    console.log(sender.id);

    return "garbage";
}

Why would you want to do this? There are other ways to set classes using *ngClass or [class.foo] and the button element wouldn't really tell you anything. — Roddy of the Frozen Peas
– Roddy of the Frozen Peas, Commented Apr 17, 2018 at 17:15
Got it, assume class is a data- attribute instead. I used class just for this example. Will edit. — mxmissile
– mxmissile, Commented Apr 17, 2018 at 17:22

Chau Tran · Accepted Answer · 2018-04-17 17:17:09Z

2

If by this, you meant the HTMLElement then the following might work: <input type="button" id="Buttong1" #someBtn class="{{ GetButtonClass(someBtn)}}">

Or read up on ngClass or Class binding:

answered Apr 17, 2018 at 17:17

Chau Tran

5,1481 gold badge26 silver badges40 bronze badges

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

Collectives™ on Stack Overflow

Angular 5 Binding Attribute Using a Method?

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