knockout component with custom element styling

by straeger

HTML

<script src="http://knockoutjs.com/downloads/knockout-3.4.0.js"></script>
<a>
  <b>
    f
  </b>
</a>

CSS

message-editor {
  font-size: 19px;
}

JavaScript

ko.components.register('a', {
    viewModel: function(params) {
        this.text = ko.observable("");
    },
    template: '<div><h1>a</h1>'+
    '<!-- ko template: { nodes: $componentTemplateNodes, data: $data } --><!-- /ko -->'+
    '</div> '
});

ko.components.register('b', {
    viewModel: function(params) {
        this.text = ko.observable("");
    },
    template: '<div><h1>b</h1>'+
    '<!-- ko template: { nodes: $componentTemplateNodes, data: $data } --><!-- /ko -->'+
    '<a></a></div> '
});


ko.applyBindings();