使用Ember.js，我如何手动将模板和视图的作用域设置为其相应的控制器？

Question

假设我启动了一个控制器：

    App.pageController = Ember.Controller.create({

         pageNumber:  '12',
    })

及其对应的视图：

    App.pageView = Ember.View.create({

        templateName: 'page-template',

    }).append();

现在是它的模板：

    <script type="text/x-handlebars" data-template-name = 'page-template'>
        <div class = 'page-background'>
            page: {{ pageNumber }}
        </div>
    </script>

我打算让pageController为pageView提供呈现上下文，但是我不知道如何显式地为此提供指令，因此没有呈现pageNumber。

我可以通过在pageView中放置一个pageNumberBinding来绕过这个问题：

   App.pageView = Ember.View.create({

        templateName: 'page-template',
        pageNumberBinding: 'App.pageController.pageNumber',

    }).append();

并重写模板，如下所示

 page: {{ pageNumber contextBinding="this" }}

但是换种方式你会怎么做呢？

Answer 1

通过在视图上设置controller属性，视图将把它不知道的属性转发给控制器。

因此，使用您的示例，您可以这样做：

App.pageView = Ember.View.create({
    controller:   App.pageController,
    templateName: 'page-template',
}).append();

看看Ember docs for Ember.View和introduction on their site吧。