ハンドルバーで現在の反復のオブジェクトを取得する方法はありますか?
コード：
<script id="HandleBarTemplate1" type="text/x-handlebars-template">
{{#each objArr}}
<img src="{{objField1}}"/>
<strong>Name:</strong> {{objField2}}
<input type="button" onclick="processObject({{.}});"/>
{{/each}}
</script>
私はprocessObject({{.}})それが間違っていると述べました。そこで、代替/解決策が必要です。私の言いたいことが理解できることを願っています。
の内容は次のobjArrようになります
var objArr = [{objField1:"smith.jpg",objField2:"Smith"},{objField1:"jane.jpg",objField2:"Jane"},...]
テンプレートのコンパイル コードは次のとおりです。
var source = document.getElementById("HandleBarTemplate1").innerHTML;
var compiledTemplate = Handlebars.compile(source);
var html = compiledTemplate({objArr:objArr});
オブジェクトへの参照を取得できれば、データの処理はとても簡単です。フィールドを関数に渡し、配列全体を検索して必要なオブジェクトを取得してから処理するのではなく。
カスタム ブロック ヘルパー/カスタム式ヘルパーを使用しない
ソリューションを好みますが、存在しない場合は、カスタム ブロック ヘルパーを使用します。配列全体を検索しないソリューションは大歓迎です!