javascript - Ember.jsでjQueryを使用してIDで要素を取得するにはどうすればよいですか?

Question

次のような方法でボタンのアクションを取得する方法:

<script type="text/x-handlebars">
    {{#view Ember.Button target="Welcome.booksController" action="loadBooks" id="butt_logger"}}
        Load Books
    {{/view}}
</script>

jsファイルで

$(document).ready( function () {
    $('button#butt_logger').click(function(){
        console.log("Button was Clicked");
    });
});

また

Welcome.booksController = Ember.ArrayController.create({
content: [],
loadBooks: function(){
    console.log("Button was Clicked");
            //any script
    }
});

どちらも機能しません(( アドバイスが必要です。ありがとう。

Answer 1

Ember.Buttonのソースコードでわかるように：

Ember.deprecate("Ember.Button is deprecated and will be removed from future releases.
Consider using the {{action}} helper.");

{{action}}ヘルパーを使用すると、テンプレートは次のようになります。

<script type="text/x-handlebars">
  <button {{action loadBooks target="Welcome.booksController" }} id="butt_logger">Load books</button>
</script>