将用户首字母创建为计算可观察对象

Creating user initials as a computed observable

本文关键字:计算 观察 对象 创建 用户      更新时间:2023-09-26

所以我正在研究创建一个计算可观察对象,它将采用first name的第一个字母和last name的第一个字母,并创建一个initials可观察对象。

self.firstName = ko.observable(data.firstName);
self.lastName = ko.observable(data.lastName);
self.initials = ko.pureComputed(function(){return...});

获得每个name变量的首字母的正确方法是什么?

你只需要在observable(string)上使用charAt(index)来获得第一个字符。

viewModel:

var ViewModel = function (firstname, lastname) {
    var self = this;
    self.firstName = ko.observable(firstname);
    self.lastName = ko.observable(lastname);
    self.initials = ko.pureComputed(function () {
        return self.firstName().charAt(0) + ' '+ self.lastName().charAt(0); 
    });
};
ko.applyBindings(new ViewModel("Beckham", "David")); 

示例小提琴此处

查看这里的docs ,因为您可以将其应用于string