How to call angular method in html?

Question

I'm using *ngFor(*ngFor="let radio of items) in div element and inside of this div , using an img element.I am trying to set the src like [src]="radio.getIsActiveIcon()" but "46 ERROR TypeError: _v.context.$implicit.getIsActiveIcon is not a function at Object.eval [as updateRenderer] " error happens. My img element and getIsActiveIcon func is;

<img class="is-active-image" [src]="radio.getIsActiveIcon()">

public getIsActiveIcon(): string {
    if (this.isActive === 1) {
        return 'assets/img/ic_active.png';
    }
    return 'assets/img/ic_not_active.png';
}

Check this link stackoverflow.com/questions/42793292/…

soorapadman
– soorapadman

2019-05-17 08:42:36 +00:00
Commented May 17, 2019 at 8:42 — soorapadman
– soorapadman, Commented May 17, 2019 at 8:42

Hatice Sebli · Accepted Answer · 2019-06-11 10:55:57Z

1

Finally,I used Pipe and it works.it's more clear.

answered Jun 11, 2019 at 10:55

Hatice Sebli

516 bronze badges

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

Comments

Talg123 · Accepted Answer · 2019-05-17 08:16:09Z

0

<img class="is-active-image" [src]="getIsActiveIcon()">

Not sure what does radio means, but all you have to do is call the function.

answered May 17, 2019 at 8:16

Talg123

1,5141 gold badge11 silver badges16 bronze badges

1 Comment

Hatice Sebli Over a year ago

I need to access gecIsActiveIcon() from Radio.ts because it depends on the isActive value inside of Radio.

Masoud Bimmer · Accepted Answer · 2019-05-17 10:36:57Z

0

Preventing cross-site scripting (XSS) Cross-site scripting (XSS) enables attackers to inject malicious code into web pages. Such code can then, for example, steal user data (in particular, login data) or perform actions to impersonate the user. This is one of the most common attacks on the web.

To block XSS attacks, you must prevent malicious code from entering the DOM (Document Object Model). For example, if attackers can trick you into inserting a tag in the DOM, they can run arbitrary code on your website. The attack isn't limited to tags—many elements and properties in the DOM allow code execution, for example, and . If attacker-controlled data enters the DOM, expect security vulnerabilities.

for more info go here Angular Security

answered May 17, 2019 at 10:36

Masoud Bimmer

7,9016 gold badges32 silver badges34 bronze badges

2 Comments

Hatice Sebli Over a year ago

This works <img class="is-active-image" [src]="radio.isActive == 1 ? 'assets/img/ic_active.png' : 'assets/img/ic_not_active.png'">

Masoud Bimmer Over a year ago

Using function to return image url in img tag was a bad idea

Collectives™ on Stack Overflow

How to call angular method in html?

3 Answers 3

Comments

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related