Home/ Questions/Q 8857173
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T14:31:41+00:00

Reading knockoutJs tutorial and couldn’t make this to work. On the first page, the

  • 0

Reading knockoutJs tutorial and couldn’t make this to work. On the first page, the first approach was used and on the second page the second approach was used to create a model. But the second approach was not working. What could be the problem?

First Approach

var AppViewModel {
    this.firstName = 'Bob',
    this.lastName = 'Smith'
};

Second Approach

function AppViewModel() {
    this.firstName = 'Bob';
    this.lastName = 'Smith';
}

Html portion is below:

<body>

  <span data-bind="text: firstName"></span>



  <script type="text/javascript">
      ko.applyBindings(AppViewModel);
  </script>
</body>

This works for the first approach but the second approach throws error:

Uncaught Error: Unable to parse bindings. Message: ReferenceError:
firstName is not defined; Bindings value: text: firstName

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In the first approach you defined an object. In the second approach you defined a class’ constructor so you have to create an instance of the class using new keyword:

    <body>
  <span data-bind="text: firstName"></span>

  <script type="text/javascript">
      ko.applyBindings(new AppViewModel());
  </script>
</body>
    • 0