剔除簡單綁定問題

Question

這可能是最簡單的敲除綁定形式之一，

在這里找不到問題所在：

小提琴 ：

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綁定文本作為字符串。

Answer 1

綁定輸入值時，需要使用value binding-handler：

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

另外，由於newGroupName是一個可觀察的函數 ，因此您需要調用它來獲取其值：

console.log(self.newGroupName())