Home/ Questions/Q 6980737
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T18:03:54+00:00

I have a viewModel with a Title property. I’d like to set the page

  • 0

I have a viewModel with a Title property. I’d like to set the page title using that property. Here’s what I tried already, which didn’t work:

<html>
   <head>
   <title data-bind="text: Title"></title>
</head>
<body>
   <span data-bind="text: Title"/> <!-- this displays the title properly -->
</body>

The browser title is blank/default instead of the value of my Title property.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try giving your html element an id

    <html id="htmlTop" xmlns="http://www.w3.org/1999/xhtml">

    and applying your viewModel to it

    ko.applyBindings(viewModel, document.getElementById("htmlTop"));

    EDIT

    This works for me; I just ran this page and the title said “Hello”. Double check your code for typos.

    <html id="htmlTop">

    <head>
      <title data-bind="text: title"></title>

      <script type='text/javascript' src='jquery.min.js'></script>
      <script type='text/javascript' src='knockout-1.2.1.js'></script>

      <script type="text/javascript">

          $(function () {
              var viewModel = { title: "Hello" };
              ko.applyBindings(viewModel, document.getElementById("htmlTop"));
          });

      </script>

    </head>

    <body>
    </body>
</html>

    Screenshot:

    enter image description here

    • 0