javascript - 创建和使用全局绑定(bind)

Question

如何在 knockout 中创建全局绑定(bind)？

我希望能够做这样的事情:

<div class="col-lg-6" data-bind="visible: IsPayingUser">
    <!-- the server will not send any data for freemium, 
         so hide the element unless it's a paying customer -->
</div>

也就是说，我不想在每个 View 模型中创建 IsPayingUser 作为属性，而是只定义一次。

Answer 1

您可以使用 window 关键字指示 Knockout 显式“转义”View-Model 范围:

<div class="col-lg-6" data-bind="visible: window.UserData.IsPayingUser">

在你的 JavaScript 中:

window.UserData = { IsPayingUser = ko.observable(false) };

值得注意的是，“Knockout 方式”是使用嵌套的 View 模型并尽量避免全局范围的污染。