使用包含“linkTo”的模板和自定义控制器将视图添加到 ContainerView 将不起作用答案

【问题标题】：Add Views to ContainerView with template containing "linkTo" and a custom controller won't work使用包含“linkTo”的模板和自定义控制器将视图添加到 ContainerView 将不起作用
【发布时间】：2013-06-04 06:59:13
【问题描述】：

我有一个用例，我需要使用特定模板和控制器将自定义视图添加到容器视图。不幸的是，这仅在我的模板中没有“linkTo”帮助程序时才有效。一旦我添加了这个，我就不能再设置自定义控制器了。

<script type="text/x-handlebars" data-template-name="page1link">
    <!-- remove this line and it will work -->{{#linkTo "page1"}}Go to Page 1{{/linkTo}}
    <p>Link template</p>
</script>


App.IndexView = Ember.ContainerView.extend({
    didInsertElement: function(){
        var LinkView = Ember.View.extend({
            templateName: "page1link",
            controller: Ember.Controller.create()
        });
        for(var i = 0; i < 4; i++){
            this.pushObject(LinkView.create());
        }
    }
});

我总是遇到以下异常：

未捕获的类型错误：无法调用 null 的“查找”方法

在 ember 代码的以下部分：Ember.LinkView

...
router: Ember.computed(function() {
      return this.get('controller').container.lookup('router:main');
Uncaught TypeError: Cannot call method 'lookup' of null
    }),
...

在这种情况下，不知何故没有设置容器。

我创建了一个显示此问题的小提琴。有没有更好的方法来用 ember 实现这一点？

JSFiddle Example

感谢任何提示！

【问题讨论】：

“page1”是路由吗？另外，ember 不会为您创建一个控制器吗？由于您指定的是通用控制器，我建议您尝试删除它。

标签： ember.js

【解决方案1】：

查看 ember 指南，特别是 over here。他们有一个控制器，显示一个项目列表，每个项目都包含在自己的控制器中。虽然您似乎正在尝试逐页执行此操作（不知道为什么），但我认为原理是相同的。

如果我错过了标记，请告诉我，我会再考虑一下。

查看this stack overflow post 以使用 ember 在列表中进行无限滚动。

【讨论】：

嗨，杰维厄斯！感谢您的回复。我知道这种结构并且已经在我的应用程序中使用它。我必须在视图代码中动态添加视图的原因是我正在为不同高度的元素实现无限滚动。在这种情况下，我必须有权访问屏幕上呈现的所有项目，并且如果用户开始滚动，还需要删除和添加项目。为此，我想用关联的控制器渲染模板并将它们添加到可滚动视图中。
Ember 会在您从 api 获得更多记录时自动更新列表。您正在描述一种更传统的分页方法（据我了解）。