如何将HTML中指定的按钮文本刮到可观察的？

Question

所以我有一个随机的按钮，随机的文字，有人把它放在HTML中。单击按钮时，其文本应替换为“正在加载...”，一旦加载完成，应返回原始文本。如果不涉及自定义绑定，是否有快速而肮脏的方法？

作为一个想法：我希望按钮的文本在HTML中定义，并以某种方式从那里绑定到一个observable。类似的东西：

 <button data-bind="text: $data.buttonText = ko.observable('Click me sucker!'), click: click"></button>

显然，我不喜欢在绑定时改变我的视图模型的想法。

Answer 1

您可以使用默认值声明可观察变量（此值将默认显示在屏幕上），然后在需要时使用新文本进行更改。

self.buttonText = ko.observable("Click me");

<button data-bind="text: buttonText, click: click"></button>