0

私はこのチュートリアルに従っていますhttp://www.adobe.com/devnet/html5/articles/flame-on-a-beginners-guide-to-emberjs.html

ReviewTextAreaビューを表示することができません。

これまでの私のコードは次のとおりです。

index.html

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-0.9.6.min.js"></script>
    <script src="js/app.js"></script>
</head>
<body>

<script type="text/x-handlebars">
    Hello <b>{{Songs.mixmaster}}</b>
</script>   

<script type="text/x-handlebars">
    {{view Songs.ReviewTextArea}}
</script>   

</body>
</html>

app.js

Songs = Em.Application.create({
    mixmaster: 'Andy',
    totalReviews: 0,
    ready: function() {
        alert('Ember sings helloooo');
    }
});

Songs.Song = Em.Object.extend({
    title: null,
    artist: null,
    genre: null,
    listens: 0
});


mySong = Song.create({
    title: 'Son of the Morning',
    artist: 'Oh, Sleeper',
    genre: 'Screamo'
});


Songs.ReviewTextArea = Em.TextArea.extend({
    placeholder: 'Enter your review',
});

ただし、私のブラウザ(Chrome 22.0.1229.92)は、ページに生の{{view ...}}タグのみを表示します(Inspect Elementを使用)。

これが機能しない理由について何かアイデアはありますか?

4

1 に答える 1

2

コードにエラーがあります-ソングが定義されていません。

mySong = Song.create({
   title: 'Son of the Morning',
   artist: 'Oh, Sleeper',
   genre: 'Screamo'
});

そのはずSongs.Song

于 2012-10-10T09:27:54.890 に答える