0

ember.jsの基本的な概念と、テンプレート/ビュー全体がどのように連携するか（およびいくつかのベストプラクティス）を理解しようとしていますが、質問に対する答えを見つけるのに本当に問題があります。あなたの一人が私を助けることができます...

  1. 「はじめに」とは、「Ember.Viewを使用してHandlebarsテンプレートをレンダリングし、それをDOMに挿入することができます」と述べており、view.append（）の使用法を提案しています。入門キットにダウンロードしましたが、テンプレートとビューがあり、view.append（）なしで表示されています。なんで？

  2. プレースホルダー{{message}}を使用してテンプレートを拡張しようとしましたが、ビューに同じ名前の属性を追加し、値を割り当てましたが、レンダリングされませんでした。なんで？

誰かが私に光を持ってきてくれませんか...よろしくお願いします。リンクと優れたStackoverflowスレッドは大歓迎です。

いくつかのコード例：

index.html：

<script type="text/x-handlebars" data-template-name="application">
<h1>Hello from Ember.js</h1>
</script>

app.js

App.ApplicationView = Ember.View.extend({
  templateName: 'application',
  message : 'Hallo Du'
});

'application'を'application_"に変更しても、レンダリングされたままになります...では、なぜテンプレート名を定義するのですか？

よろしくピーター

4

1 に答える 1

4

コメントで述べたように、Ember 1.0pre（およびそれ以降のリリース）では、ビューの属性/プロパティを表示するには、実行する必要があるため、ハンドルバーテンプレートで{{view.YourAttributeName}}ユーザーを使用する必要があります。{{view.message}}だからここにあなたがあなたのjsでしなければならないことがあります：

App = null;

$(function() {

    App = Em.Application.create();

    App.ApplicationView = Ember.View.extend({
      templateName: 'application',
      message : 'Hallo Du'
    });
})

テンプレートを含むhtmlページは次のとおりです。

<body>

    <script type="text/x-handlebars">
        <h1>Hello from Ember.js</h1>
         {{view.message}}
    </script>

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js" ></script>
    <script type="text/javascript" src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.rc.1.js" ></script>
    <script type="text/javascript" src="http://cloud.github.com/downloads/emberjs/ember.js/ember-latest.js" ></script>
</body>​

上記のコードが機能しているこの非常に基本的なフィドルを確認してください：http：//jsfiddle.net/schawaska/MwXjG/

于 2012-11-16T16:11:43.860 に答える