Hello World example

[Greg Kh]

At the beginning of knockout.. looking into Hello World example.. trying to figure out the following :

It tracks changes on the View, i.e when first name is changed it goes to 'fullName' , but I can not figure out how to make changes in the model so it update 'fullName'.. i.e. if in console I would type ; ViewModel('One', 'Two') then is executes function updates this.firstName and this.lastname  but fullName unchanged and no changes on the UI.. so how to apply changes from the ViewModel side .. Thanks.

[Gunnar Liljas]

var vm=new ViewModel("Planet", "Earth");
ko.applyBindings(vm);

vm.firstName("Something else")

2015-09-22 18:30 GMT+02:00 Greg Kh <greg.k...@gmail.com>:

At the beginning of knockout.. looking into Hello World example.. trying to figure out the following :

It tracks changes on the View, i.e when first name is changed it goes to 'fullName' , but I can not figure out how to make changes in the model so it update 'fullName'.. i.e. if in console I would type ; ViewModel('One', 'Two') then is executes function updates this.firstName and this.lastname  but fullName unchanged and no changes on the UI.. so how to apply changes from the ViewModel side .. Thanks.

--
You received this message because you are subscribed to the Google Groups "KnockoutJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to knockoutjs+...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Greg Kh]

this code engages knockout, but how exactly change values of observables in the ViewModel ( firstName  or lastName)  from console   

 var ViewModel = function(first, last) {

        this.firstName = ko.observable(first);

        this.lastName = ko.observable(last);

 

        this.fullName = ko.computed(function() {

            

            return this.firstName() + " " + this.lastName();

        }, this);

    };

   $(function () {

       

       ko.applyBindings(new ViewModel("Planet", "Earth")); 

     

    });

[Gunnar Liljas]

You must maintain a reference to the viewmodel instance. Otherwise you can't access the properties.

vm=new ViewModel("Planet", "Earth");
ko.applyBindings(vm);

Access vm...

[Greg Kh]

Thanks.. I just needed to get it out of function scope.. it works now the way I need:

   vm = new ViewModel("Planet", "Earth");

   $(function () {

         ko.applyBindings(vm); 

     

    });