路線模型中的Ember錯誤

Question

我正在研究Ember，並試圖為我的路線模型提供內容清單。 這是我的App.js代碼：

var App = Ember.Application.create({});

    App.Router.map(function() {
        this.route('about');
        this.resource('blogs');
        this.resource('projects');
    });

    App.PROJECTS = [
        {
            "id": 1,
            "title": "SnapFoo - SVG Animation Library",
            "textone": "SnapFoo",
            "texttwo": "SVG Animation Library",
            "image": "snapfoo.jpg"
        }
    ];

    App.ProjectsRoute = Ember.Route.extend({
      model: function() {
        return App.PROJECTS;
      }
    });

PROJECTS數組在內容上是縮寫，但這就是格式。 現在，我試圖像這樣在Hanldebars模板中運行每個循環：

<script type="text/x-handlebars" data-template-name="projects">
 {{#each}}
  <div class="project-icon">
   <span>{{textone}}</span>
   <span>{{texttwo}}</span>
   <a href="project.php?id=1"><img {{bind-attr alt="title" src="image"}}/></a>
  </div>
 {{/each}}
</script>

但是，這樣做時，我收到的錯誤是未捕獲的TypeError：無法讀取來自ember.min.js 的未定義屬性'addDependency' 。

如果刪除{{each}}循環，錯誤就會消失，這使我相信這與路徑中的模型有關。 但是任何建議都會非常有幫助。 謝謝！

Answer 1

您在視圖中缺少該模型，沒有進行任何迭代{{each}}

在這種情況下，您需要將變量放入model 。

<script type="text/x-handlebars" data-template-name="projects">
 {{#each model as |project|}}
  <div class="project-icon">
   <span>{{project.textone}}</span>
   <span>{{project.texttwo}}</span>
   <a href="project.php?id=1"><img {{bind-attr alt="title" src="image"}}/></a>
  </div>
 {{/each}}
</script>

我創建了一個示例 ，您可以在此代碼工作時看到，它與您想要實現的非常相似。