テンプレートの一部をプレーンな 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]
しかし、何かをラップしたい場合 は、代わりに何を書くべきかわかりません 。
私が必要としているものに近いアプローチはどれですか? そして、残りの問題をどのように解決できますか?