Ember.js未捕获错误：没有处理事件'addSite'

Question

在实施我的应用程序时，我遵循了ember官方指南，我收到了此错误。 从{{view Ember.TextFieldplaceholder="Insert new site name" valueBinding="newName" action="addSite"}}

发布操作时，没有任何事情可以处理事件'addSite'

我的代码index.html：

<script type="text/x-handlebars" data-template-name="sites">
<ul>
    {{#each site in controller itemController="site"}}
    <li>
        {{#linkTo 'sites.site' site}} {{site.siteName}} {{/linkTo}}
    </li>
    {{/each}}
</ul>
<div>
    {{view Ember.TextField placeholder="Insert new site name"
      valueBinding="newName" action="addSite"}}
</div>


</script>

脚本：

 WebApp.Router.map(function () {
    this.resource('sites', { path: '/' } , function() {
        this.route('site', { path: ':site_id' })
    });
});

WebApp.SitesRoute = Ember.Route.extend({
    model: function() {
        return WebApp.Site.find();
    }
});

WebApp.SitesContoller = Ember.ArrayController.extend({

addSite: function() {
    var newName = this.get('newName');
    var site = WebApp.Site.createRecord({
        siteName: newName
    });

    //Clear text field
    this.set('newName','');

    ////Save the new model
    site.save();

}



 });


WebApp.Site = DS.Model.extend({
id: DS.attr('integer'),       
siteName : DS.attr('string'), 
secretKey: DS.attr('string'), 
publicKey: DS.attr('string'), 
userIdentification : DS.attr('string') 

 });