jmvtrinidad

ko.bindingHandlers["bsPopOver"] = {
            init: function(element, valueAccessor){
                var option = ko.toJS(valueAccessor());
                if(option === true){
                    $(element).popover({
                        trigger: "focus"
                    });
                } else{
                    var container = $(element).closest(".modal").length == 0
                                        ? "body"

jmvtrinidad

//add this before loading knockout

<script src="/path/to/templateEngineHelper.js"></script>
<script>
    var angular2TemplateLoader = {
        loadTemplate: function (name, templateConfig, callback) {
            var markupString = templateEngineHelper(templateConfig);
            ko.components.defaultLoader.loadTemplate(name, markupString, callback);
        }
    };

jmvtrinidad

See demo here

**Sample markup

<div class="checkbox checkbox-primary">
    @Html.CheckBoxFor(model => model.prop)
    @Html.LabelFor(model => model.prop)
</div>

jmvtrinidad

<template>
  <h1>${message}</h1>
  <input type="text" ref="json"/>
  <button click.delegate="generate(json.value)">Generate</button>
  <button click.delegate="selectElementContents(table)">select</button>
  <table ref="table">
    <tbody repeat.for="row of rows">
      <tr>
        <td>${row.name}</td>
        <td>${row.type}</td>

jmvtrinidad

<template>
  <div class.bind="getColor">${message}</div>
  <div class.bind="isSuccess ? 'success' : 'error'">${message}</div>
  
  <button click.delegate="toggleColor()">toggle color</button>
</template>

jmvtrinidad

<template>
  <h1>${message}</h1>
</template>

jmvtrinidad

// Generated by CoffeeScript 1.9.2

/*
@preserve jQuery.PrettyTextDiff 1.0.4
See https://github.com/arnab/jQuery.PrettyTextDiff/
 */

(function(){
    var $;

jmvtrinidad

<template>
  <require from="./remove-attribute"></require>
  
  <input type="checkbox" ref="myInput">
  
  <input ref="test" foo.bind="myInput.checked & removeAttribute">
  
  <pre><code>${test.outerHTML}</code></pre>
</template>

jmvtrinidad

<template>
  Hello world!
</template> 

jmvtrinidad

<template>
  <require from="./pagination"></require>
  <h1>Array Observation</h1>
  <div>
    <button click.delegate="pushTableMessage()">Push</button>
    <h2>Table</h2>
    
    <ul repeat.for="item of table.itemsOnCurrentPage">
      <li>
        ${item}