淘汰简单的约束问题

时间:2014-08-31 08:55:27

标签: javascript knockout.js knockout-mapping-plugin

它可能是最简单的敲除绑定形式之一,

无法找出问题所在:

小提琴

http://jsfiddle.net/qfntcfn8/

            <input data-bind="text:newGroupName" type="text" />
            <button class="btn" type=button data-bind="click: addGroup()">
                Add Group
            </button>

ViewModel:

    var vm = $(function() {
        function baseViewModel() {
            var self = this;
            self.newGroupName = ko.observable();
            self.addGroup = function () {
                console.log(ko.toJSON(self.newGroupName)); // Expected newGroupName entered data
            };
        }
        var viewModel = new baseViewModel();
        ko.mapping.fromJS(viewModel);
        ko.applyBindings(viewModel, document.getElementById("Box"));
    });

我希望在点击后将newGroupName绑定文本作为字符串。

1 个答案:

答案 0 :(得分:2)

绑定输入值时,需要使用value绑定处理程序:

<input data-bind="value: newGroupName" type="text" />

此外,由于newGroupName是一个可观察的函数,您需要调用它来获取其值:

console.log(self.newGroupName())