如何在html中调用角度方法？答案

【问题标题】：How to call angular method in html?如何在html中调用角度方法？
【发布时间】：2019-05-17 07:50:47
【问题描述】：

我正在使用 *ngFor(*ngFor="let radio of items) 在 div 元素和此 div 内部，使用 img 元素。我正在尝试像 一样设置 src >[src]="radio.getIsActiveIcon()" 但是 “46 ERROR TypeError: _v.context.$implicit.getIsActiveIcon is not a function at Object.eval [as updateRenderer]”错误发生。我的 img 元素和 getIsActiveIcon 函数是；

<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';
}

【问题讨论】：

查看此链接stackoverflow.com/questions/42793292/…

标签： angular6

【解决方案1】：

最后，我使用了 Pipe，它可以工作了。它更清晰。

【讨论】：

【解决方案2】：

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

不确定radio是什么意思，但你所要做的就是调用函数。

【讨论】：

我需要从 Radio.ts 访问 gecIsActiveIcon() 因为它依赖于 Radio 内部的 isActive 值。

【解决方案3】：

防止跨站脚本 (XSS) 跨站点脚本 (XSS) 使攻击者能够将恶意代码注入网页。然后，此类代码可以例如窃取用户数据（特别是登录数据）或执行操作以冒充用户。这是网络上最常见的攻击之一。

要阻止 XSS 攻击，必须防止恶意代码进入 DOM（文档对象模型）。例如，如果攻击者可以欺骗您在 DOM 中插入标签，他们就可以在您的网站上运行任意代码。攻击不仅限于标签——DOM 中的许多元素和属性都允许代码执行，例如，.如果攻击者控制的数据进入 DOM，预计会存在安全漏洞。

更多信息请点击这里Angular Security

【讨论】：

这项工作
在 img 标签中使用函数返回图片 url 是个坏主意