javascript - 淘汰赛：写入和读取计算属性

Question

我有一个具有两个属性的模型：标题和内容，我想要做的是：

如果标题有值，请使用它，但如果它是空白的，请使用内容中的前 20 个字符 +“...”。

这是模型：

       function Note(title, content) {
        var self = this;

        self.content = ko.observable(content);
        self.title = ko.computed({
          read: function(){
            if(!title){
              var content = self.content();
              if(content) return content.substring(0,19) + "...";
            }
          },
          write: function(title){
           return title;
          }
        });
       }

标题值可以从内容中正确更新，但（对我而言）不可能直接在标题上工作..

RP Niemeyer 回答中的唯一问题是我必须只拥有用于读/写的属性，这可能吗？

Answer 1

在创建可写计算 observable 时，您将需要一个单独的 observable 来包含实际标题。

更像：

function Note(title, content) {
    var self = this;

    self.content = ko.observable(content);
    self.title = ko.observable(title);

    self.displayTitle = ko.computed({
        read: function() {
            var title = self.title();
            if (!title) {
                var content = self.content();
                if (content) return content.substring(0, 19) + "...";
            }

            return title;
        },
        write: self.title
    });
}​