Javascript 余烬动作（TransitionRoute）产生：未捕获类型错误

如何消除此错误并使我的操作正常工作

我有一个页面要创建一个新的图表，无法让我的TransitionRoute正常工作。以下是取消操作的情况

我的环境：

DEBUG: -------------------------------
DEBUG: Ember      : 1.4.1+pre.af87bd20
DEBUG: Ember Data : 1.0.0-beta.7.f87cba88
DEBUG: Handlebars : 1.3.0
DEBUG: jQuery     : 1.11.0
DEBUG: ------------------------------- 

我的数据是通过Rails4API提供的

我的错误（在Chrome的控制台中）：

---

余烬：

控制员：

App.GraphsNewController = Ember.ObjectController.extend({
    headerTitle: 'Create',
    buttonTitle: 'Create',
    actions: {
      save: function(){
        this.content.save().then(function(){
            this.transitionToRoute('graphs.show',this.content);
        });
      },
      cancel: function(){
        this.content.deleteRecord();
        this.transitionToRoute('graphs.index');
      }
    }
});

路线：

App.GraphsNewRoute = Ember.Route.extend({
    model: function(){
        return this.store.createRecord('graph');
    }
});

模板：

<h1>This is new</h1>

<div class='large-12 columns'>

    {{ partial 'graphs/form' }}

</div>

这是新的
{{部分'图/形式'}}

部分：

<form>
  <fieldset>
    <legend>Graph</legend>

    <div class="row">
      <div class="large-12 columns">
    <label {{bind-attr for="titleField.elementId"}}>Title</label>
    {{view Ember.TextField valueBinding='title' name='title' viewName='titleField' placeholder="Graph title"}}
      </div>
    </div>

    <div class="row">
      <div class="large-6 columns">
        <label {{bind-attr for='dataField.elementId'}}>Data</label>
        {{view Ember.TextField valueBinding='data' name='data' viewName='dataField' placeholder="Graph data"}}
      </div>
      <div class="large-6 columns">
        <label {{bind-attr for='VisualizationField.elementId'}}>Visualization</label>
        {{view Ember.TextField valueBinding='visualization' name='visualization' viewName='VisualizationField' placeholder="Graph visualization"}}
      </div>
    </div>

  </fieldset>
</form>

<div class="button-bar">
  <ul class="button-group">

    <li><a class="small button success"  {{action 'save'}} >{{buttonTitle}}</a></li>

    <li><a class='small button alert' {{action 'cancel'}} >Cancel</a></li>

  </ul>
</div>

图表
标题
{{view Ember.TextField valueBinding='title'name='title'viewName='titleField'placeholder=“Graph title”}
资料
{{view Ember.TextField valueBinding='data'name='data'viewName='dataField'placeholder=“Graph data”}
形象化
{{view Ember.TextField valueBinding='visualization'name='visualization'viewName='VisualizationField'占位符=“图形可视化”}

{{buttonitle}}
取消

你能发布你的全部部分而不仅仅是

…

？我可以，但问题在于取消操作。午休后，我意识到问题在于“VisualizationField.elementId”中的大写字母。。。通常，“无法读取undefined ember.js的属性‘unchain’”问题是。您是否将此作为您的答案（请解释大写变量通常被视为全局范围）

<h1>This is new</h1>

<div class='large-12 columns'>

    {{ partial 'graphs/form' }}

</div>

<form>
  <fieldset>
    <legend>Graph</legend>

    <div class="row">
      <div class="large-12 columns">
    <label {{bind-attr for="titleField.elementId"}}>Title</label>
    {{view Ember.TextField valueBinding='title' name='title' viewName='titleField' placeholder="Graph title"}}
      </div>
    </div>

    <div class="row">
      <div class="large-6 columns">
        <label {{bind-attr for='dataField.elementId'}}>Data</label>
        {{view Ember.TextField valueBinding='data' name='data' viewName='dataField' placeholder="Graph data"}}
      </div>
      <div class="large-6 columns">
        <label {{bind-attr for='VisualizationField.elementId'}}>Visualization</label>
        {{view Ember.TextField valueBinding='visualization' name='visualization' viewName='VisualizationField' placeholder="Graph visualization"}}
      </div>
    </div>

  </fieldset>
</form>

<div class="button-bar">
  <ul class="button-group">

    <li><a class="small button success"  {{action 'save'}} >{{buttonTitle}}</a></li>

    <li><a class='small button alert' {{action 'cancel'}} >Cancel</a></li>

  </ul>
</div>