É possível carregar um modelo de guiador via Ajax?
-
13-11-2019 - |
Pergunta
Gostaria de carregar modelos adicionais rapidamente.É possível?
Solução
Você pode cadastrar novos modelos em Ember.TEMPLATES
.Eles estarão então disponíveis para visualização.
Um trecho do meu código (manipulador jQuery Ajax):
success: function(data) {
$(data).filter('script[type="text/x-handlebars"]').each(function() {
templateName = $(this).attr('data-template-name');
Ember.TEMPLATES[templateName] = Ember.Handlebars.compile($(this).html());
});
}
É isso.
Outras dicas
Eu estava procurando a mesma coisa e estou prestes a brincar com o trecho abaixo
crédito:borismus no github https://gist.github.com/2165681
<script>
/*
* Loads a handlebars.js template at a given URL. Takes an optional name, in which case,
* the template is added and is reference-able via templateName.
*/
function loadTemplate(url, name, callback) {
var contents = $.get(url, function(templateText) {
var compiledTemplate = Ember.Handlebars.compile(templateText);
if (name) {
Ember.TEMPLATES[name] = compiledTemplate
} else {
Ember.View.create({ template: compiledTemplate }).append();
}
if (callback) {
callback();
}
});
}
</script>
Eu estou usando RequerJs junto com o plugin de texto para carregar modelos de guidão dinamicamente.
R.JS Optimizer compilará o modelo Handlerbar para o arquivo de texto, que pode ser carregado facilmente usando RequerJs ou até mesmo AJAX
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow