无法读取未定义的TypeError属性'connectOutlet':

时间:2015-05-14 06:41:50

标签: ember.js ember-router

这是我的路线。当我从另一个控制器使用trasitionToRoute方法调用此路由时,我收到错误。

这是我的路由器:

 App.AllSectionsRoute = Ember.Route.extend({

     renderTemplate: function() {
        //this._super(); 

        this.render('fire', { outlet: 'fire', into: 'allSections' });

        this.render('gas', { outlet: 'gas', into: 'allSections' });

    }
});

以下是我的模板:

<script type="text/x-handlebars" data-template-name="allSections">
        <hr/>
        <hr/>
        <div class='outletArea'>
            {{outlet "fire"}}
        </div>
        <hr/>
        <div class='outletArea'>
            {{outlet "gas"}}
        </div>
    </script>

如果我没有致电this._super(controller, model);声明,那时我的错误是connectOutlet of undefined

但是当我调用这个语句时,错误将不会出现,但是我必须将“fire”和“gas”渲染到模板“allsections”中的额外模板不会呈现。它将当前模板呈现为“allSections”,但这是已经打开的模板。

如果我出错了,请建议我......

1 个答案:

答案 0 :(得分:1)

不确定你还在做什么,但我无法重现你的问题。 我创建了这个jsbin来模拟你的场景,它运行正常。我打电话给this._super()

App.AllSectionsRoute = Ember.Route.extend({
  renderTemplate: function() {
     this._super();

     this.render('fire', {
       into: 'allSections',
       outlet: 'fire'
     });

     this.render('gas', {
       into: 'allSections',
       outlet: 'gas'
     });
   }
});