emberjs : 액션 도우미를 사용하려고하면 핸들 바 오류가 발생합니다. 객체의 '액션'속성을 찾을 수 없습니다.

Question

엠버에서 액션 도우미를 사용하려고했습니다. 다음 오류가 나타납니다. 핸들 막대 오류 : 개체에서 '작업'속성을 찾을 수 없습니다.

나는 내가 여기에 내 단순화 된 뷰의 예제를 따라하고 생각 :

<script type="text/x-handlebars" data-template-name="user-edit"> 
    <p><a href="#" {{action "showUsersList"}}>Back</a></p> 
</script> 

뷰 개체 :

App.UserEditView = Ember.View.extend({ 
    templateName: 'user-edit', 
    userBinding: 'App.usersController.selectedUser', 
    tagName: 'span', 
    didInsertElement: function() { 
     $('h1').html('Edit User'); 
     document.title = 'Edit User'; 
    }, 
    showUsersList: function(event) { 
     App.usersController.showUsersList(); 
    } 
}); 

내가 예에서와 같이 작업 도우미를 사용할 수없는 이유 어떤 생각?

감사합니다, 로버트

Answer 1

나는 당신의 응용 프로그램 특정 논리의 일부를 손질하지만 액션 도우미 this fiddle

핸들 바에서 일하고 있어요 :

<script type="text/x-handlebars" data-template-name="user-edit"> 
    <p><a href="#" {{action "showUsersList"}}>Back</a></p> 
</script> 

<script type="text/x-handlebars" > 
    {{view App.UserEditView}} 
</script>​ 

자바 스크립트를 :

App = Ember.Application.create({}); 

App.UserEditView = Ember.View.extend({ 
    templateName: 'user-edit', 
    tagName: 'span', 
    showUsersList: function(event) { 
     alert('hi'); 
    } 
});​ 

Answer 2

보기를 작성하여 문서에 추가하기 만하면됩니다. 두 번째 핸들 막대 템플릿이 필요하지 않습니다.

App.UserEditView = Ember.View.create({ 
    templateName: 'user-edit', 
    userBinding: 'App.usersController.selectedUser', 
    tagName: 'span', 
    didInsertElement: function() { 
     $('h1').html('Edit User'); 
     document.title = 'Edit User'; 
    }, 
    showUsersList: function(event) { 
     App.usersController.showUsersList(); 
    } 
}).append();