Javascript 刷新后不显示Ember.js模型_Javascript_Ember.js

Javascript 刷新后不显示Ember.js模型

javascript ember.js

Javascript 刷新后不显示Ember.js模型,javascript,ember.js,Javascript,Ember.js,这是我的HTML： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ember Starter Kit</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/style.css"&

这是我的HTML：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Ember Starter Kit</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

<script type="text/x-handlebars">
    <p>{{#link-to 'mytest'}}My Test{{/link-to}}</p>

    <p>{{#link-to 'posts'}}POSTS{{/link-to}}</p>

    {{outlet}}
</script>

<script type="text/x-handlebars" id="mytest">
    <p>...</p>
</script>

<script type="text/x-handlebars" id="posts">
    <ul>
        {{#each model}}
        <li>{{id}} -- {{#link-to 'post' this}}{{title}}{{/link-to}}</li>
        {{/each}}
    </ul>

    <p>
        {{outlet}}
    </p>
</script>

<script type="text/x-handlebars" id="post">
    <h1>{{title}}</h1>

    <p>{{excerpt}}</p>
</script>

<script src="js/libs/jquery-1.10.2.js"></script>
<script src="js/libs/handlebars-1.1.2.js"></script>
<script src="js/libs/ember-1.7.0.js"></script>
<script src="js/app.js"></script>
<!-- to activate the test runner, add the "?test" query string parameter -->
<script src="tests/runner.js"></script>
</body>
</html>

当我更改此选项时：

App.PostRoute = Ember.Route.extend({
   model: function(params) {
       return posts.findBy('id', params.post_id);
   }
});

为此：

App.PostRoute = Ember.Route.extend({
   model: function(params) {
       return {
        'id': 1,
        'title': 'first!',
        'excerpt': 'firccccccccst!'
    }
   }
});

它起作用了

出什么问题了？

我猜问题在于您使用的是一个普通的旧javascript数组，就好像它是一个Ember.array一样。在调用.findBy之前，请尝试使用Ember.Array posts@JoshPadnick添加Ember.Array posts；将页面设为空白。我看到你在使用Ember初学者工具包，所以我从头下载了它，并用你的index.html替换了标记之间的部分，用你的js/app.js替换了我的index.html，效果很好。我注意到GitHub的最新版本现在使用Handlebar-v1.3.0.js。这就是问题所在吗？否则，请从头开始下载，并完全按照我所做的来让它工作。

App.PostRoute = Ember.Route.extend({
   model: function(params) {
       return {
        'id': 1,
        'title': 'first!',
        'excerpt': 'firccccccccst!'
    }
   }
});