knockout.js - MVC アプリケーションで Knockout Observable をバインドする方法

Question

私は MVC で Knockout を使用しており、実行時に変更できるテキストを表示したいのですが、私のアプリケーションは、コーディング セクションで提供しているデータ、つまり静的データを表示していますが、テキスト ボックスのデータを変更すると、何も提供されません。結果。

私のコードは次のとおりです： -

モデル クラス

using PerpetuumSoft.Knockout;
using PerpetuumSoft;
using DelegateDecompiler;
using System.ComponentModel;
using System.ComponentModel.DataAnnotations;
using System.ComponentModel.DataAnnotations.Schema;

namespace MvcApplication20.Models
{
 public class Class1
{

    public string Buyer { get; set; }
    public string Car { get; set; }
    public string Price { get; set; }

    [Computed]
    public string user
    {
        get { return Buyer + " you buyed " + Car; }
        }
  }
}

コントローラ クラス

using System.Linq;
using System.Web;
using System.Web.Mvc;
using MvcApplication20.Models;
using PerpetuumSoft.Knockout;

namespace MvcApplication20.Controllers
{
 public class HomeController : Controller
{

    public ActionResult Index()
    { 
        return View(new Class1
        {
            Buyer = "Anubhav",
            Car = "Verna",
            Price = "12 lakh"
        });
}

}
}

クラスを見る

<script src="~/Scripts/knockout-2.3.0.js"></script>
<script src="~/Scripts/knockout.mapping-latest.js"></script>
@using PerpetuumSoft.Knockout
@model MvcApplication20.Models.Class1   
@{
  ViewBag.Title = "Index";
  Layout = "~/Views/ViewPage1.cshtml";
  var ko = Html.CreateKnockoutContext();
}
 <p>Buyer name: @ko.Html.TextBox(m => m.Buyer)</p>
 <p>Car name: @ko.Html.TextBox(m => m.Car)</p>
 <h2>Hello, @ko.Html.Span(m => m.user)!</h2>

 @ko.Apply(Model)

コーディングで指定された値を表示していますが、実行時に変更すると値が更新されません。