单击在 KNOCKOUTJS 上触发的事件自动

click event auto triggered on knockoutjs

本文关键字:事件 KNOCKOUTJS 单击      更新时间:2023-09-26

我正在尝试 learn.knockoutjs.com 的邮件客户端教程。我想在邮件详细信息块中添加一个"后退按钮"。但是该按钮是自动触发的。

我的代码

<div class="viewMail" data-bind="with: chosenMailData">
    <button data-bind="click: alert('derp')">derp</button>
    <div class="mailInfo">
        <h1 data-bind="text: subject"></h1>
        <p><label>From</label>: <span data-bind="text: from"></span></p>
        <p><label>To</label>: <span data-bind="text: to"></span></p>
        <p><label>Date</label>: <span data-bind="text: date"></span></p>
    </div>
    <p class="message" data-bind="html: messageContent" />
</div>

当我设置选择邮件数据视图邮件div显示时。但同时浏览器警报"derp"。我想当我点击按钮时,浏览器警报在那个时候。怎么了?

当 with 绑定呈现内容时,将执行警报代码。

将其包装在函数中或将其移动到视图模型中的函数

<button data-bind="click: function() { alert('derp'); }">derp</button>