オブジェクトをパラメータとしてハンドルバーテンプレートのonclickメソッドに渡します

アナンド・スリラマン

私は次のようなJSONを持っています:

{
list: [
        { name: 'AAA',
          id: 1,
          age: 34
        },
        { name: 'BBB',
          id: 2,
          age: 24
        }
      ]
}

そしてこのようなテンプレート:

<ul>
    {{#each list}}
        <li onclick="someFunc({{this}})">{{name}} ({{age}}) </li>
    {{/each}}
</ul>

基本的には、現在のオブジェクトを、それを使って何かを行う関数に渡したいだけです。

今試してみると、生成されたHTMLは

 ... onclick="someFunc( [object Object] )" ...

一方、私はそれをこのようにしたいと思います:

 ... onclick="someFunc( {name: 'AAA', id: 1, age: 34} )" ...

どうすればこれを修正できますか?

アナンド・スリラマン

今後の参考のための投稿:

ここから私の答えを得ました:

[オブジェクトオブジェクト]の代わりにHandlebars.js解析オブジェクト

テンプレートに貼り付ける前に、Handlebarがデータに対してtoStringを実行することが判明しました。私がしなければならなかったのは、それをjsonに戻すヘルパーメソッドを登録することだけでした。

Handlebars.registerHelper('json', function(context) {
    return JSON.stringify(context);
});

<li onclick="someFunc({{json this}})">{{name}} ({{age}}) </li>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

オブジェクトメソッドコールバックは、パラメーターとして渡された場合はイベントハンドラーでのバインディングを失いますが、ハードコーディングされた場合は失われません。

分類Dev

WriteメソッドのパラメーターとしてViewオブジェクトを渡す

分類Dev

プログラミング手法:オブジェクトまたは値をメソッドパラメータとして渡す

分類Dev

Javaでは、オブジェクトのプリミティブを含まないフィールドを、オブジェクトハンドルとして渡されたメソッドに渡しますか?そうであれば、その可変性にどのように影響しますか?

分類Dev

Javaでは、オブジェクトのプリミティブを含まないフィールドを、オブジェクトハンドルとして渡されたメソッドに渡しますか?そうであれば、その可変性にどのように影響しますか?

分類Dev

ハンドラーとしてのオブジェクトのメソッド

分類Dev

setHeaderのメソッドにオブジェクトパラメータを渡します-ラクダ

分類Dev

メソッドの戻り値は、メソッドパラメータとして渡されたオブジェクトを変更しています

分類Dev

Javascriptでオブジェクトのメソッドをパラメータとして渡す方法

分類Dev

同じインスタンスでデリゲートメソッドを呼び出すときに、オブジェクトのインスタンスをパラメーターとして渡すことを避けますか?

分類Dev

オブジェクトの配列を渡すことでバニラJavaScriptを使用して、レストランメニューのアイテムを格納するドロップダウンメニューを作成しようとしています

分類Dev

タイプのオブジェクトをパラメーターとしてWebApi Get / Postメソッドに渡す方法

分類Dev

C ++でテンプレートクラスにパラメータとして渡される基本クラスのメソッドをオーバーロードするにはどうすればよいですか?

分類Dev

Micronaut httpメソッド(@ Get、@ Post、..)のパラメーターとしてカスタムオブジェクトをバインドする

分類Dev

メソッドパラメータでオブジェクトのプロトコルを指定します

分類Dev

CodeIgniterのコントローラーメソッドにパラメーターとしてワイルドカードサブドメインを渡す

分類Dev

1つのメソッドのみで任意のタイプのオブジェクトを入力パラメーターとして渡す方法

分類Dev

常にメソッドのパラメータが悪いデザインの印としてオブジェクトタイプを渡していますか?

分類Dev

オブジェクトをループし、値を独自のオブジェクトに分割してハンドルバーに渡します

分類Dev

メソッドで必要なオブジェクトフィールドが1つだけの場合、パラメーターとして何を渡す必要がありますか-オブジェクトまたはフィールド値?

分類Dev

パラメータとして渡すことによって、メソッド内のオブジェクトを使用して

分類Dev

ループで作成されたアンカータグのパラメーターとしてオブジェクトを使用してonclick関数をバインドします

分類Dev

作成するオブジェクトをJavaのメソッドのパラメーターとして渡すにはどうすればよいですか?

分類Dev

コンパレーターを使用してJavaオブジェクトをソートする際のエラー:抽象であり、抽象メソッドの比較をオーバーライドしません

分類Dev

オブジェクトがrefという単語なしで別のクラスメソッドのパラメータとして渡されると、オブジェクトプロパティが変更されます。

分類Dev

mongoose.find()メソッドを使用してコンストラクターでjavascriptオブジェクトプロパティを設定します

分類Dev

流星テンプレートヘルパーをパラメーターとして流星イベントハンドラーに渡す方法は?

分類Dev

メソッドのパラメーターとしてクラスを渡し、Ifステートメントでこのパラメーターを使用する

分類Dev

オブジェクト名と値のペアをパラメーターとしてメソッドに渡す方法は?

Related 関連記事

  1. 1

    オブジェクトメソッドコールバックは、パラメーターとして渡された場合はイベントハンドラーでのバインディングを失いますが、ハードコーディングされた場合は失われません。

  2. 2

    WriteメソッドのパラメーターとしてViewオブジェクトを渡す

  3. 3

    プログラミング手法:オブジェクトまたは値をメソッドパラメータとして渡す

  4. 4

    Javaでは、オブジェクトのプリミティブを含まないフィールドを、オブジェクトハンドルとして渡されたメソッドに渡しますか?そうであれば、その可変性にどのように影響しますか?

  5. 5

    Javaでは、オブジェクトのプリミティブを含まないフィールドを、オブジェクトハンドルとして渡されたメソッドに渡しますか?そうであれば、その可変性にどのように影響しますか?

  6. 6

    ハンドラーとしてのオブジェクトのメソッド

  7. 7

    setHeaderのメソッドにオブジェクトパラメータを渡します-ラクダ

  8. 8

    メソッドの戻り値は、メソッドパラメータとして渡されたオブジェクトを変更しています

  9. 9

    Javascriptでオブジェクトのメソッドをパラメータとして渡す方法

  10. 10

    同じインスタンスでデリゲートメソッドを呼び出すときに、オブジェクトのインスタンスをパラメーターとして渡すことを避けますか?

  11. 11

    オブジェクトの配列を渡すことでバニラJavaScriptを使用して、レストランメニューのアイテムを格納するドロップダウンメニューを作成しようとしています

  12. 12

    タイプのオブジェクトをパラメーターとしてWebApi Get / Postメソッドに渡す方法

  13. 13

    C ++でテンプレートクラスにパラメータとして渡される基本クラスのメソッドをオーバーロードするにはどうすればよいですか?

  14. 14

    Micronaut httpメソッド(@ Get、@ Post、..)のパラメーターとしてカスタムオブジェクトをバインドする

  15. 15

    メソッドパラメータでオブジェクトのプロトコルを指定します

  16. 16

    CodeIgniterのコントローラーメソッドにパラメーターとしてワイルドカードサブドメインを渡す

  17. 17

    1つのメソッドのみで任意のタイプのオブジェクトを入力パラメーターとして渡す方法

  18. 18

    常にメソッドのパラメータが悪いデザインの印としてオブジェクトタイプを渡していますか?

  19. 19

    オブジェクトをループし、値を独自のオブジェクトに分割してハンドルバーに渡します

  20. 20

    メソッドで必要なオブジェクトフィールドが1つだけの場合、パラメーターとして何を渡す必要がありますか-オブジェクトまたはフィールド値?

  21. 21

    パラメータとして渡すことによって、メソッド内のオブジェクトを使用して

  22. 22

    ループで作成されたアンカータグのパラメーターとしてオブジェクトを使用してonclick関数をバインドします

  23. 23

    作成するオブジェクトをJavaのメソッドのパラメーターとして渡すにはどうすればよいですか?

  24. 24

    コンパレーターを使用してJavaオブジェクトをソートする際のエラー:抽象であり、抽象メソッドの比較をオーバーライドしません

  25. 25

    オブジェクトがrefという単語なしで別のクラスメソッドのパラメータとして渡されると、オブジェクトプロパティが変更されます。

  26. 26

    mongoose.find()メソッドを使用してコンストラクターでjavascriptオブジェクトプロパティを設定します

  27. 27

    流星テンプレートヘルパーをパラメーターとして流星イベントハンドラーに渡す方法は?

  28. 28

    メソッドのパラメーターとしてクラスを渡し、Ifステートメントでこのパラメーターを使用する

  29. 29

    オブジェクト名と値のペアをパラメーターとしてメソッドに渡す方法は?

ホットタグ

アーカイブ