KO Binding with mailto

by tlarson

HTML

Option 1: 
<a data-bind="attr:{href:'mailto:' + Email()},text:Email"></a>

<br/>

Option 2: 
<a data-bind="attr:{href:EmailLink},text:Email"></a>

JavaScript

var myViewModel = function() {
    var self = this;
    self.Email = ko.observable("nowhere@test.com");
    self.EmailLink = ko.computed(function() {
        return "mailto:" + self.Email();
    });
}

ko.applyBindings(new myViewModel);