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

Jerry Wang

发布于 2019-05-31 10:59:06

4.4K0

发布于 2019-05-31 10:59:06

文章被收录于专栏：Jerry的SAP技术分享 Jerry的SAP技术分享Jerry的SAP技术分享

假设我有一个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>

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

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

    send() {
        this.waiting = false;

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

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

运行时点击按钮，断点触发：