更新刷新函数中的挖空可观察字符串
Update Knockout Observable string in refresh function
代码
在打字稿中,我正在尝试在页面加载时显示当前日期时间并在刷新单击时更新该日期时间。
在显示日期时间的 .ts 文件字符串中,声明方式如下。
asOfString: KnockoutObservable<string>;
在构造函数中,它是这样设置的,
this.asOfString = ko.observable(new Date().toDateString() + " " + new Date().toLocaleTimeString());
在 html 中,它是像这样绑定的,
<a class="small button" data-bind="click: updateSummary">Refresh</a>
在刷新按钮中,我正在尝试像这样更新它,
this.asOfString(new Date().toDateString() + " " + new Date().toLocaleTimeString()); //latest date time.
它给了我一个错误,_this.asOfString不是一个函数。
请帮忙。
视图模型的代码是这样的,
import ko = require('knockout');
class TodayViewModel {
asOfString: KnockoutObservable<string>;
constructor() {
this.updateSummary();
this.asOfString = ko.observable(new Date().toDateString() + " " + new Date().toLocaleTimeString());
}
updateSummary = () => { // is the function that is bound to refresh button
//want to update this.asOfString here
}
}
export = TodayViewModel;
作为整个应用程序,这对我来说效果很好。我无法说出我正在做的事情与您描述的不同,所以我只是包括整个事情。
class TodayVM {
asOfString: KnockoutObservable<string>;
constructor() {
this.asOfString = ko.observable('');
this.updateSummary();
}
updateSummary = () => {
this.asOfString(new Date().toDateString() + " " + new Date().toLocaleTimeString())
}
}
window.onload = () => {
ko.applyBindings(new TodayVM());
};
.HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>TypeScript HTML App</title>
<link rel="stylesheet" href="app.css" type="text/css" />
<script src="app.js"></script>
</head>
<body>
<h1>TypeScript HTML App</h1>
<div data-bind="text:asOfString"></div>
<button data-bind="click:updateSummary">Update</button>
</body>
<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-min.js"></script>
</html>
相关文章:
- 如何在JavaScript中将字符串转换为函数引用
- knockoutjs可观察数组
- jQuery中是否内置了任何字符串格式化函数
- Javascript,有没有一种方法可以将数组写成没有逗号或空格的单个文本字符串
- ng打开空字符串
- 正则表达式在字符串中找到base64
- 如何将字符串值从php页面发送到java脚本页面
- 子字符串/正则表达式以获取字符串中保存的 SRC 值
- 字符串在将其传递给另一个活动Android JavaScript时读取Null
- 对id以某个字符串开头的元素进行计数
- Javascript逻辑运算符和字符串/数字
- 反向字符串比较
- 如何从具有动态可观察属性的淘汰对象中获取 JSON 字符串
- 重定向 挖空 如果包含字符串,则可观察到
- Knockout JS-如何为可观察字段返回空字符串
- 击倒可观察<数字>在绑定到typescript中的输入时返回字符串
- 获取可观察对象的字符串长度
- 在knockout.js中将属性与多维可观察数组中的搜索字符串进行比较
- 如何观察字符串的变化-退格添加,在角度
- 更新刷新函数中的挖空可观察字符串