Knockout.js 安全绑定答案

【问题标题】：Knockout.js secure bindingKnockout.js 安全绑定
【发布时间】：2014-01-22 09:31:57
【问题描述】：

我想使用带有敲除的安全绑定。为此，我使用knockout-secure-binding.js。

谁能解释为什么下面的代码不起作用？它抛出一个错误`

未捕获的#

在ko.applyBindings(new viewModel());这一行之后

<html>
<head>
    <title></title>
    <script src="scripts/knockout-3.0.0-min.js"></script>
    <script src="knockout-secure-binding-master/dist/knockout-secure-binding.js"></script>

</head>
<body>
    <button type="button" data-sbind="sbtnClick">button</button>

    <script>
        var bindings = {
            sbtnClick: function () {
                return {click: this.btnClick};
            }
        };

        var viewModel = function () {
            this.btnClick = function () {
                alert('clicked');
            };
        };

        ko.bindingProvider.instance = new ko.secureBindingsProvider(bindings);
        ko.applyBindings(new viewModel());
    </script>

</body>
</html>

【问题讨论】：

标签： javascript html knockout.js content-security-policy

【解决方案1】：

你还需要写出绑定处理器的名字click：

<button type="button" data-sbind="click: btnClick">button</button>

而且你不需要整个bindings 对象和sbtnClick，只需写：

var viewModel = function () {
    this.btnClick = function () {
        alert('clicked');
    };
};

ko.bindingProvider.instance = new ko.secureBindingsProvider();
ko.applyBindings(new viewModel());

演示JSFiddle.

【讨论】：