0

Ember.js を使用してテスト アプリの作成を開始しました。ApplicationController私の名前がapplicationテンプレートに表示されるように、にバインドしようとしています。私はそれを働かせることができません！

http://emberjs.com/guides/templates/handlebars-basics/で提供されている情報に従っています

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

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link href="/Content/css/style.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/lib/jquery.js" type="text/javascript"></script>
    <script src="/Scripts/lib/handlebars.js" type="text/javascript"></script>
    <script src="/Scripts/lib/ember.js" type="text/javascript"></script>
</head>
    <body>
        <script type="text/x-handlebars">
            <h1>Welcome to my test application</h1>
            <div>
                Hello, <strong>{{firstName}} {{lastName}}</strong>!
            </div>    
        </script>
        <script type="text/javascript">
            $(function () {
                MyApp = Ember.Application.create();
                MyApp.ApplicationController = Ember.Controller.extend({
                    firstName: "Jones",
                    lastName: "Ross"
                });
            });
        </script>
    </body>
</html>

出力は次のとおりです。

Welcome to my test application
Hello, !

firstNameとlastName思われるundefined！エラーは生成されません。

4

1 に答える 1

0

これは私にとってはうまくいきます。この JSBinを参照してください。

1 つのメモ:

readyアプリケーションを jQueryコールバックでラップする必要はありません。Ember は、DOM の準備が整うまで初期化を自動的に延期します。

于 2013-01-15T01:06:45.777 に答える