Ember.jsのアクションヘルパーでパラメータを渡すには？

Question

私が項目のリストを持っている：それをクリックしてオン

<ul> 
    {{#each applications}} 
     <li> 
     <a {{bindAttr href="url"}} 
     {{action "appClicked" on="click"}}>     
      {{name}} 
     </a> 
     </li> 
    {{/each}} 
    </ul> 

は、このテンプレートが属する、ビューの方法appClickedを呼び出します。 appClickedメソッドにいくつかの情報（たとえば、アプリケーションの名前）を渡したいと思います。何かのような、{{action "appClicked(name)" on="click"}}。

可能でしょうか？

Answer 1

のようなもの。しかし、ザック、もしこれがあなたが探しているものでないならば、正確に何をしようとしているのかもう少し説明できたら？サブビューから

http://jsfiddle.net/ud3323/4ysxQ/

Answer 2

パラメータを<のまたは<の>タグの属性にしてから、jQueryを使用してそのパラメータにアクセスすることができます。

たぶん、あなたは実際のビューを通じてより多くの束にアクセスすることができますので、私はこの線に沿ってより多くの何かを考えていた

// template 
<ul> 
    {{#each applications}} 
    <li> 
     <a {{bindAttr href="url"} param="abc"} 
     {{action "appClicked" on="click"}}>     
     {{name}} 
     </a> 
    </li> 
    {{/each}} 
</ul> 

// In your js code 
appClicked: function (event) { 
    // You may have to play around and check which DOM element 
    // has the the param attribute. From memory it is the parent. 
    var param = this.$().parent().attr('param'); 
    ... 
} 

Answer 3

、あなたは、データの属性を添付し、あなたのコントローラでそれらにアクセスすることができます。たとえば、あなたのビューで、あなたが持っている場合

を：あなたのコントローラで次に

{{#view Ember.Button target="App.controller" action="publish" data-publish=false}}Unpublish{{/view}} 

、Veebの答えに

App.controller = Ember.Object.extend({ 
    publish: function(v){ 
    var status = v['data-publish'];//your additional information is appended to the view. 
    } 
} 

Answer 4

改善は、あなたが行うことができますので、あなたはjQueryのイベントを持って覚えています：

// template 
<ul> 
    {{#each applications}} 
    <li> 
     <a {{bindAttr href="url"}} param="abc" {{action "appClicked" on="click"}}> 
     {{name}} 
     </a> 
    </li> 
    {{/each}} 
</ul> 

// In your js code 
appClicked: function (event) { 
    var param = $(event.target).attr('param'); 
    ... 
} 

Answer 5

明らかに、Emberは進化しました。明らかに、Emberは進化しました。 ction：あなたのケースでは

{{action "functionName" parameter}} 

、それは次のようになります。

<a {{bindAttr href="url"}} 
    {{action "appClicked" name on='click'}}>     
     {{name}} 
    </a> 

しかし、あなたは、名前の代わりに（IDなど）のモデルから任意の属性を渡すことができます。

詳細については、http://emberjs.com/guides/templates/actions/を参照してください。

Answer 6

The API says複数のパラメータを渡すことができます。

HTMLとハンドルバー：

{{officename}} 
<button {{action "actionTest" "hello" "goodbye" officename}}>See parameters through action in the console</button> 

コントローラ：

actionTest: function(a, b, c){ 
    console.log(a); 
    console.log(b); 
    console.log(c); 
}, 

See it in action in this jsbin