Передача шаблона в пользовательское привязку к нокауту

Question

Я хотел бы сделать обычную привязку popover (bootstrap).

Я определил это так:

ko.bindingHandlers.popover = { 
     update: function (element, valueAccessor) 
     { 
      var template = ko.unwrap(valueAccessor); 

      $(element).popover({ 
       placement: 'top', 
       html: true, 
       content: 'text!' + template() <---- How can i get html into here? 
      }); 
     } 
    }; 

    <button data-bind="popover: 'templates/mytemplate.html'"> 
     PopOver 
    </button> 

Этот вопрос, я не знаю, как вводить HTML я хочу. Естественно, мне хотелось бы, чтобы путь к шаблону был разрешен, но для работы с текстом требуется текст! плагин не идет так хорошо, как я надеялся.

Я подозреваю, что я пропускаю что-то гораздо более простое?

Answer 1

Прямо сейчас ваш шаблон - это строковые шаблоны/mytemplate.html. Это, вероятно, не то, что вы хотите, вы хотите текст в этом файле. Используйте что-то вроде fs.readFileSync, чтобы синхронно получить текст из этого файла.

Если вы намерены передать путь вашего html в свою привязку, вы можете изменить имя переменной из шаблона в путь.

Answer 2

Просто сделать Ajax запрос на шаблоне

$.ajax(template).done(function (templateData) { 
    $(element).popover({ 
     placement: 'top', 
     html: true, 
     content: templateData 
     }); 
});