私はこれまで JavaScript テンプレートにハンドルバーを使用してきました。ただし、angularJs を使用したいです。angularjsに移行する良い方法を誰かが提案できるかどうか疑問に思っていました. たとえば、モーダルがあるとします。ハンドルバー テンプレートを作成し、それをページの下部に含め、js func (rest api) でデータを取得し、ハンドルバー テンプレートにコンパイル済みのものを div などに配置するように指示します。
ハンドルバーを使用してモーダルで表示する js 関数の例を次に示します。
$('[data-toggle="tabularmodal"]').click(function(e)
{
e.preventDefault();
var data_uri = $(this).attr('data-uri');
var data_title = $(this).attr('data-header');
var data;
var source = $('#tabular-ep-data').html();
var template = Handlebars.compile(source);
$('.modal-header h3').html(data_title);
$.getJSON(data_uri, function(json)
{
$('.modal-body').html(template(json));
});
$('#myModal').modal('show');
});
angularjs の方法でこれを達成する方法についていくつか提案をお願いします。ハンドルバーでは、ページの下部などに JavaScript テンプレートを含める必要があり、それから離れたいと考えています。