3

私は 1.0 プレリリース バージョンの Ember.js を使い始めたところ、つまづいてしまいました。

私のHTMLには、これがあります：

<script type="text/x-handlebars" data-template-name="application">
  {{outlet}}
</script>

<script type="text/javascript">
    $(function() {
        console.log("starting Ember app");
        App.initialize();
    });
</script>

<div id="footer">
    ... footer html ...
</div>
</body>

{{outlet}} がある場所にビューを配置する代わりに、フッターの下に表示されるように終了 body タグの直前にビューを追加することを除いて、これはすべて正常に機能するようです。

私が使用しているルーターは次のとおりです。

App.Router = Ember.Router.extend({
    root: Ember.Route.extend({
        index: Ember.Route.extend({
            route: '/',
            redirectsTo: 'portfolios'
        }),
        portfolios: Ember.Route.extend({
            route: '/portfolios',
            connectOutlets: function(router) {
                router.get('applicationController').connectOutlet('portfolios', App.Portfolio.find());
            }
        })
    })
});

私は何を間違っていますか？

4

1 に答える 1

13

上記のすべてのコメントに感謝します-私は彼らの助けを借りてそれを理解しました--

私のアプリケーション オブジェクトでは、rootElement ala を指定する必要がありました。

App = Ember.Application.create({
    rootElement: '#app',
    ...

次に、HTML に div を追加して、テンプレートをアウトレットにアタッチします。

<div id="app"></div>
于 2012-08-05T23:26:56.773 に答える