两种方式的绑定在敲出.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事件也是一种不好的做法.改用敲除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/

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