Emberjs-temp-act-param

EmberJS-テンプレートアクションパラメーター

引数は、_ \ {\ {action}} _ヘルパーの助けを借りてアクションハンドラーに渡すことができます。 このヘルパーで渡されたこれらの値は、引数としてヘルパーに渡されます。

構文

<button {{action "action-name" argument}}>Click</button>

例

以下の例は、アクションハンドラに引数を渡すことを示しています。 新しいルートを作成し、次のコードで_actionparam.js_という名前を付けます-

import Ember from 'ember';

export default Ember.Route.extend ({
   actions: {
     //passing the 'user' as parameter to the User function
      User: function (user) {
         document.write('Welcome.. To finddevguides');
      }
   }
});

次のコードで_app/templates/_の下に作成された_actionparam.hbs_ファイルを開きます-

//passing the 'user' as parameter to a button
<button {{action "User" user}}>Click Here </button>
{{outlet}}

出力

emberサーバーを実行します。次の出力が表示されます-

Ember.jsテンプレートアクションパラメータ

ボタンをクリックすると、「ユーザー」モデルを含む引数で_User_アクションハンドラーが呼び出されます。 さらに次の結果が表示されます-

Ember.jsテンプレートアクションパラメータ