"bindattr"を使用して値を "data- *"属性にバインドする方法 -- html フィールド と sproutcore フィールド と handlebars.js フィールド 関連 問題

How to bind a value to “data-*” attribute using “bindAttr”?












2
vote

問題

日本語

カスタムに値をバインドしようとしています。 data- <コード>属性を使用して

<事前> <コード> <a {{bindAttr data-foo="content.foo"}}>

解析エラーが発生したときに機能していないようです。

<事前> <コード> Error: Parse error on line 16: ...}} <a {{bindAttr data-foo="content.foo ----------------------^ Expecting 'CLOSE', 'STRING', 'ID', 'SEP'

代わりに<コード> dataFoo を使用しています。

SPROUTCORE / handlebars.jsでは不可能なので(ab-)異なる属性を使用する必要がありますか?

英語

I’m trying to bind a value to a custom data- attribute using bindAttr like this:

<a {{bindAttr data-foo="content.foo"}}> 

This doesn’t seem to work as I get a parse error:

Error: Parse error on line 16: ...}}         <a {{bindAttr data-foo="content.foo ----------------------^ Expecting 'CLOSE', 'STRING', 'ID', 'SEP' 

Using dataFoo instead works, though.

So is this not possible with SproutCore/Handlebars.js and I have to (ab-)use a different attribute?

</div
        

回答リスト

0
 
vote

これを行うだけで検討しましたか:

<事前> <コード> <a data-foo="{{content.foo}}">
 

Have you considered just doing this:

<a data-foo="{{content.foo}}"> 
</div
 
 

関連する質問

1  Emberハンドルバーの連続文字列と変数は常に空白を追加します  ( Ember handlebars concat string and variable always appends white space ) 
<事前> <コード> var categories = ['item1', 'item2', 'item3'] {{#each categories as |item|}} {{concat ',' item}} {{/each}} は生産されます:...

1  ハンドルバーのループ  ( Looping in handlebars ) 
単純な文字列配列でハンドルバーを使用する方法を見るのに苦労しています。次のオブジェクトがあります SearchParam配列をループするときは、次のようなものを使用します。 <事前> <コード> {{#each model.searchParam}...

5  Express.jsハンドルバー、静的ファイルの取得ディレクトリURLに従って変更を保存  ( Express js handlebars get static files directory keep changes according to url ) 
私は表現するのが新しいです。基本的に私の質問はとても簡単です。 1つのパブリックディレクトリから/ CSS JavaScriptのようなファイルを提供したい。 Layout.HBS <事前> <コード> <html> <head> <...

0  フロントエンドアプリでProd / Dev環境を構築するためのGruntを使用する  ( Using grunt for building prod dev environment on frontend app ) 
私のアプリケーションは現在フロントエンドだけであり、私は次のことを実行するためにGruntを使います: bower_components から必要なCSSとJSを正しいディレクトリにコピーします。 jshint を実行します ドキュメントを構築する ...

0  ボタンをクリックすると複数回増やすと発射します  ( Button incrementing and firing multiple times on click ) 
だから私が作業しているWebアプリを持っています、そして私は展開ボタンを持っているアプリのセクションを持っています、モーダルを起動します。モーダルでは、もう1つのボタン、キャンセルするための2つのボタンがあります。 モーダルが起動したとき、そしていずれかのボ...

2  中括弧を逃がすための簡単な方法は?  ( Simple way to escape curly braces ) 
ハンドルバーと文字列 "{value}"を構築する簡単な方法はありますか?おそらく: <事前> <コード> Handlebars.compile("{{{var}}}")({var:"value"}) ...

2  リンク補間I18N  ( Link interpolation i18n ) 
私は私のプロジェクトの倍数の番手を処理するためにEmber-i18nを使います、そして私は翻訳内にリンクを挿入する必要があります(補間付き)。 任意のアイデア? ...

-1  どのように私は動的アコーディオンコンポーネントEmberjsを作成することができます  ( How i can create dynamic accordion component emberjs ) 
私は準備ができているアコーディオンソリューション。私はそれを使おうとしましたが、このコンポーネントに変数のレコードを与える方法がわかりません: マイコンポーネントテンプレート: <事前> <コード> {{#search-results-accordion ...

0  WebPackを使用してテンプレート内の画像を使用する  ( Using images in templates with webpack ) 
こんにちは私はテンプレート(口ひげまたはハンドルバー)を正しく処理するためにウェブパックをセットアップしようとします。 1つの例外を持つすべての例外:テンプレート内のIMG SRCアトリブはファイルローダーによって処理されません。おそらく私はワークフローについ...

0  タイトルによる検索はJavaScript Infinite Scrollingで壊れています  ( Search by title is broken with javascript infinite scrolling ) 
私はコースプロジェクトとして作ったアプリをアップグレードすることにしました。それはすべてのユーザーが映画を追加し、他のユーザーの映画のようなものを追加できる単純なライブラリです。アプリには、すべての映画が表示されている1ページがあり、Paginationを使用...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有