Knockout.js没有显示数据

时间:2014-03-09 11:44:47

标签: c# javascript asp.net-mvc asp.net-mvc-4 knockout.js

我刚开始使用knockout.js而且遇到了一些麻烦。我对Web开发也很新。我查看了所有的教程,但似乎无法在我正在玩的MVC4应用程序中工作。

这是我试图开始工作的最简单的版本。它与knockoutjs site

上的介绍教程相同

这是我的控制器:

namespace KnockoutMvcTest.Controllers
{
    public class HomeController : Controller
    {
        //
        // GET: /Home/
        public ActionResult Index()
        {
            return View();
        }
    }
}

这是我的观点:

@model dynamic

@{
    ViewBag.Title = "title";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<!-- This is a *view* - HTML markup that defines the appearance of your UI -->

<p>First name: <strong data-bind="text: firstName"></strong></p>
<p>Last name: <strong data-bind="text: lastName"></strong></p>

<script type="text/javascript">
    // This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI
function AppViewModel() {
    this.firstName = "Bert";
    this.lastName = "Bertington";
}

// Activates knockout.js
ko.applyBindings(new AppViewModel());
</script>

浏览器中显示的所有内容都是名字:姓氏:

很抱歉这个基本问题,但我现在已经被困在这一天超过一天了。我看的所有示例都包括实体框架连接和模型。现在我只想了解knockoutjs如何用于绑定,我将在稍后介绍。

非常感谢任何帮助。

由于

1 个答案:

答案 0 :(得分:0)

你必须说'firstName'和'lastName'是可观察的。

function AppViewModel() {
    this.firstName = ko.observable("Bert");
    this.lastName = ko.observable("Bertington");
}