JSFiddle - React, Tailwind, and code Playground

by viktorb

HTML

Nested <b>using</b> parentheses:
<span data-bind="text: selectedMessage() && selectedMessage().message().subject()"></span>
</br>
Nested <b>no</b> parentheses: 
<span data-bind="text: selectedMessage() && selectedMessage().message().subject"></span>

JavaScript

function viewModel() {
    var self = this;
    self.selectedMessage = ko.observable('');
}

var vm = new viewModel();
ko.applyBindings(vm);
vm.selectedMessage(new messageViewModel());

function messageViewModel() {
    var self = this;
    self.message = ko.observable(new messageItemViewModel());
}

function messageItemViewModel() {
    var self = this;    
    self.subject = ko.observable('Some sweet offer');
}