0

テンプレートの一部をプレーンな HTML でラップしようとしています。またはコードで:

{{expandable}}
     CONTENT
{{/expandable}}

次のようになります。

<div class="expandable closed">
  <div class="header lowercase">
    <img src="/Control/Svg?picture=EdgeBracket_Right" style="height: 35px; position: relative; top: 10px;"/>
  </div> 
  <div class="content">
    CONTENT
  </div>
</div>

これまでに試したこと:
カスタムタグアプローチ

$.views.tags("expandable", function() {
    return '<div class="expandable closed"><div class="header lowercase"><img src="/Control/Svg?picture=EdgeBracket_Right" style="height: 35px; position: relative; top: 10px;"/>' +
    '</div> <div class="content">' + this.tagCtx.render(content) + '</div></div>';
});

しかし、内部CONTENTでは自分のデータにアクセスできません。[または、少なくとも私が慣れ親しんだ方法ではありません。]

テンプレートアプローチ
私はこの例を検討しました。これは技術的に私が必要とするものに近いです:

{{boldp title /}}

...

$.views.tags("boldp", {
  template: "<p><strong>{{:~tag.tagCtx.args[0]}}</strong></p>"
});

~tag.tagCtx.args[0]しかし、何かをラップしたい場合 は、代わりに何を書くべきかわかりません 。

私が必要としているものに近いアプローチはどれですか? そして、残りの問題をどのように解決できますか?

4

1 に答える 1