data-binding - 如何在数据绑定中调用函数?
问题描述
getStatus()
单击按钮后如何在此视图代码片段中再次调用该函数?
唯一对我有用的是如果我刷新整个页面。
<div id="statusContainter"data-bind="css:$data.getStatus('Rendered Approval')"> </div>
基本上,getStatus('Rendered Approval')
如果我单击一个按钮,我希望触发。该函数在页面的初始呈现期间触发。但我不想刷新整个页面来触发该功能
解决方案
假设getStatus
您拥有的代码设置了该值,但只有一次。要获取observable 的值,您可以不带参数调用该函数。
听起来你打算这样做:
<div id="statusContainter"data-bind="css:$data.getStatus()"> </div>
<button data-bind="click: $data.getStatus.bind($data, 'Rendered Approval')">Click to Refresh</button>
更新:
正如@Brother Woodrow提到的,click
绑定需要处理程序的函数。将参数传递给处理程序可以通过将其包装在函数文字中或使用此处注 2中所述this
的函数来完成。
推荐阅读
- python - 将 url 从浏览器拖放到文本字段(tkinter 或 kivy)
- hyperledger-fabric - 事务处理器功能 - 我如何知道何时提交/认可数据
- python - 在列表列表中查找最常见的元素
- react-native - React Native 和 Redux Persist 不将状态保存到持久存储
- java - 使用 Java 8 流 API 将列表扁平化为列表
- xml - Xpath 意外输出
- angular - angular cli 7.1 无法创建新项目,架构验证错误
- html - 旋转木马在 Angular 6 中的 mat-tab 内不起作用
- javascript - 在图表工具提示插件中显示日期(DD-MM-YYY)格式?
- javascript - 将 [h:12[x] 替换为x