Passing value from component to JS

Question

How to passing value from component to js file ? Thank you very much.

app.component.html

<table>
  <tr>
    <td>Time</td>
    <td>Title</td>
  </tr>
  <tr *ngFor="let data of dataList">
    <td>
      <a href="#" onClick="openWin()">{{data.createDatetime}}</a>
    </td>
    <td>
      <a href="#" onClick="openWin(data.title)">{{data.title}}</a>
    </td>
  </tr>
</table>

script.js (in assets folder)

function openWin(title) {
    // open popup windows
    // show title
}

You can pass data in parameter like (click)="openWin(data)" — Kaushal
– Kaushal, Commented Jan 6, 2018 at 8:11
In script.js how to use data, example show data.title ? Thank you very much. — Nguyenhuyen_AG
– Nguyenhuyen_AG, Commented Jan 6, 2018 at 8:16
You will get whole object so function openWin(data) { console.log(data.title); } ` — Kaushal
– Kaushal, Commented Jan 6, 2018 at 8:18

Sajeetharan · Accepted Answer · 2018-01-06 08:17:17Z

1

You need to use (click) instead of onclick with angular

<a href="#" (click)="openWin(data)">

And inside ts,

openWin(data:any){
   console.log(data.title);
}

edited Jan 6, 2018 at 8:17

answered Jan 6, 2018 at 8:11

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

Collectives™ on Stack Overflow

Passing value from component to JS

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