knockout.js将ViewModel绑定到视图出错

[leon51]

从这周开始我的Asp.net MVC自学之旅，感谢大家的帮助。
下面是书上的一个例子

        //控制器中的代码
        public ActionResult Advanced()
        {
            var person = new Person
            {
                FirstName = "Eric",
                LastName = "McQuiggan"
            };
            return View(person);
        }

视图中的代码：

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

@{
    ViewBag.Title = "Advanced";
}

<h2>Hello <span data-bind="text:getName()"></span></h2>
@section Scripts{
    <script>
        function ViewModel(firstName, lastName) {
            var self = this;
            self.name = first + ' ' + lastName;

            self.getName = function () {
                return self.name;
            };
        };
        var viewModel = new ViewModel('@Model.FirstName', '@Model.LastName');
        ko.applyBindings(viewModel);
    </script>
}

以上应该输出“Hello Eric McQuiggan”,但实际只输出了"Hello "，请问是哪里出错了？

[leon51]

犯了一个非常低级的错误

[以专业开发人员为伍]

knockout 对于 vm 中可双向绑定到 v 的属性，使用 ko.observable("1234") 这类函数来定义属性，或者使用一个 ko.purecomputed(....) 函数来定义行为，而不是一个简单的 js （字符串）对象或者简单的自定义 js 函数。简单的 js 对象或者简单的自定义函数，它运行时是不会自动更新 v 层 html 标签的。

[以专业开发人员为伍]

你这个跟 asp.net 毫无关系。建议你学习 knockout 的时候，不要扯上 asp.net 干扰你的学习。

[以专业开发人员为伍]

至于说你的 @Model.FirstName @Model.LastName 为什么为 null 或者空串，那确实是 asp.net 问题。 但是调试的前提是你首先对 knockout 有信心，这个时候就不会拿 knockout 的 data-bind 代码来同时问这类问题。而是直接把代码简化，直接问 asp.net MVC 的问题了。

[sdfgrtyu]

代码不全，根本没看见hello