将值传递给对象内的 KO 计算 observable

Question

尝试使用 javascript 将值暴露给对象内的对象内的 KO 计算 observable。我目前在页面上收到“未定义未定义”...

    function Employee () {            

        var self = this;

        self.identity = ko.observable({
            employeeTitle: ko.observable(""),
            titles: ko.observableArray(['Mr','Mrs','Ms']),
            givenName: ko.observable(""),
            lastName: ko.observable(""),
            otherNames: ko.observable(""),

            fullName: ko.computed(function(givenName,lastName){
                return givenName + " " + lastName;
            })

        });

           //rest of object
  )};

已经尝试了各种选择并且越来越接近 - 请问有什么想法吗？

function(givenName(), lastName()) { ... }

...产生“意外的令牌（”

Answer 1

请看下面的jsFiddle：http://jsfiddle.net/JD7fL/。

ko.computed 的函数参数不需要将givenName 和firstName 作为参数。您可以简单地引用要在计算函数中使用的字段。但是，因为您在对象而不是构造函数中有 fullName，所以您无法引用这些字段。我将self.identity 拆分为一个新的Identity 构造函数。

意外的令牌错误是Employee 末尾的恶意关闭括号的结果。

JavaScript

function Employee () {            
    var self = this;

    self.identity = ko.observable(new Identity());
};

function Identity() {
    var self = this;

    self.employeeTitle = ko.observable("");
    self.titles = ko.observableArray(['Mr','Mrs','Ms']);
    self.givenName = ko.observable("John");
    self.lastName = ko.observable("Doe");
    self.otherNames = ko.observable("");

    self.fullName = ko.computed(function(){
        return self.givenName() + " " + self.lastName();
    });
}

ko.applyBindings(new Employee());

HTML

<div data-bind="with: identity">
    <div data-bind="text: fullName"></div>
</div>