Angular页面里的按钮点击事件处理

假设我有一个Angular页面,上面绘制了一个按钮:

<div class="fd-form__set">
                                    <div class="fd-form__item">
                                        <button (click)="send()" class="fd-button fd-button--action-bar fd-has-float-left">
                                            Send to Back-end
                                        </button>
                                    </div>
                                    <br/><br/>
                                </div>

clipboard1

运行时这个按钮的外观如图:

clipboard2

这个send按钮的实现位于component html对应的ts文件内:

clipboard3

    send() {
        this.waiting = false;

        let data = {
            command: 'hash',
            dateTime: Date.now(),
            originalString: this.stringToSend
        }

        this.broadcaster.broadcast('sendData', data);
    }

运行时点击按钮,断点触发:

clipboard4

这时就可以在Chrome开发者工具里调试了。

clipboard5

要获取更多Jerry的原创文章,请关注公众号"汪子熙":

展开阅读全文
©️2020 CSDN 皮肤主题: 深蓝海洋 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值