${}の書き方について、教えてください。

Question

これはSmartyの書き方だと思っていますが合ってますか？

例・${data.phone_number}

${}で検索したいたらSmartyの書き方かなって思っていますが。
他にもJavascriptのテンプレートリテラル？の書き方？のも検索で出てきたので混乱しています。

Smarty,javascriptテンプレートリテラルの使い方もよくわかっていないです。

test.tpl

{literal}
<script type="text/template" id="student_test">
<div id="student-address">
    <p class="blue-title">連絡先詳細</p>
    <dl id="student-address-detail" class="cf">
        <dt>電話番号：</dt>
        <dd>${data.phone_number}</dd>
        <dt>携帯番号：</dt>
        <dd>${data.mobile_phone_number}</dd>
        <dt>メールアドレス：</dt>
        <dd><a href="mailto:${data.mailaddress}">${data.mailaddress}</a></dd>
        <dt>携帯メール：</dt>
        <dd><a href="mailto:${data.mailaddress2}">${data.mailaddress2}</a></dd>
        <dt>保護者 氏名：</dt>
        <dd>${data.guardian_name}</dd>
        <dt>保護者 電話：</dt>
        <dd>${data.guardian_phone_number}</dd>
        <dt>出身：</dt>
        <dd>${data.guardian_prefecture_name}</dd>
        <dt>出身校：</dt>
        <dd>${data.high_school}{{if data.high_school != ''}}<br />{{/if}}${data.alma_mater}</dd>
        <dt>国籍：</dt>
        <dd>${data.country_name}</dd>
        <dt>備考1：</dt>
        <dd><textarea id='remarks1' placeholder="">${data.remarks1}</textarea></dd>
        <dt>備考2：</dt>
        <dd><textarea id='remarks2' placeholder="">${data.remarks2}</textarea></dd>
    </dl>
</div>
</script>
{/literal}

Comments

[shinji709]

Smartyなら${data.phone_number}ではなく{$data.phone_number}になるのでは？

[ktk]

なるほど！ありがとうございます。

Answer 1

使い方についてはそれぞれマニュアルなり参考記事を読んで試してもらうとして

• Smarty:{literal}
• Smarty:Smarty の構文解析を回避する
• JavaScript:テンプレート文字列
  
• JavaScript:JavaScript の テンプレートリテラル を極める！

そもそもSmartyだと変数は{$変数名}ですね。
Pure PHPの変数だと${変数名}は使えますが。

$name = "リンゴ";

echo $name;
echo "{$name}";
echo "${name}";

頭がごちゃごちゃになるようでしたら、JavaScriptをテンプレートを含めたHTMLに直接書くのではなく、jsファイルに外だしすれば良いのではないでしょうか。

Comments

[ktk]

ありがとうございます。
JavaScriptのテンプレートの書き方で認識して大丈夫でしょうか？

[m.ts10806]

そもそもtext/templateの中で実行されているのでそうなりますが、もう少し出方とか諸々きちんと検証されたほうが良いかと思います。
私が何かしら説明しても質問者さんが試して、失敗して、調整してを繰り返さないと、分かったつもりになるだけで、何も身につかないので。

[ktk]

本当に助かりました。
親切に回答ありがとうございます。

[m.ts10806]

解決のヒントになったようで何よりです。