双向绑定在knockout.js 中不起作用 [英] two way binding not working in knockout.js

问题描述

我尝试在更改为 viewModel 后更新 UI，但它不起作用，我是否遗漏了什么?http://jsfiddle.net/rdZjb/1/

I am trying to update the UI after chages to viewModel but it doesn't work , am I missing something ? http://jsfiddle.net/rdZjb/1/

  viewModel = {
        firstName : ko.observable("adrian") 
    }

    $("#button1").click(
        function ()
        {
            viewModel.firstName = "Paul";
            alert(viewModel.firstName);
        }
        )

    ko.applyBindings(viewModel);

推荐答案

您正在以错误的方式使用 observables.每个 observable 都是一个函数，所以当你设置或获取值时你应该使用 ():

You are working with observables in wrong way. Each observable is a function so when you setting or geting value you should use ():

        viewModel.firstName("Paul");
        alert(viewModel.firstName());

此外，使用 jQuery 单击事件也是不好的做法.改用淘汰的 click 绑定:

Also it is bad practice to use jQuery click event. Use knockout click binding instead:

<input type="button" value ="click" id="button1" data-bind="click: OnClick"/>

viewModel = {
    firstName: ko.observable("adrian"),
    OnClick: function() {
        this.firstName("Paul");
        alert(this.firstName());
    }
};

这是工作小提琴:http://jsfiddle.net/vyshniakov/rdZjb/2/

这篇关于双向绑定在knockout.js 中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！