Ember.js пытается получить странный скрипт

Question

Я очень новичок во всей концепции каркаса веб-приложений, и я начал с ember.js вчера вечером. Я следовал их видео-учебнику по началу работы, и у меня есть эта проблема.

Ember.js пытается сделать запрос GET для доступа к очень странному файлу. Вот мои файлы и ошибка. Код отлично работает, кроме того, что ember делает запрос и получает запрещенную ошибку 403 (из-за того, что apache блокирует его из-за неправильных символов)

<!-- An extract of my index.html -->

    <script type="text/x-handlebars" id="shots">
        {{#each}}
            <h4>{{title}}</h4>
            <h6>Shot ID: {{id}}</h6>
            <hr />
            <p>Published on the {{pubDate}} by {{author.name}}</p>
            <img src="{{image}}" alt="{{description}}" />
            <p>{{description}}</p>
        {{/each}}
    </script>

И тогда это мой JavaScript:

// core.js
Master = Ember.Application.create();

Master.Router.map(function() {
    this.resource('home');
    this.resource('shots');
});

Master.ShotsRoute = Ember.Route.extend({
    model: function() {
        return shots;
    }
});    
var shots = [{
    id: '1',
    title: "It Works!",
    author: { name: "Luke Shiels", user: "0001"},
    image: "assets/img/0001.png",
    pubDate: new Date('26-11-2000'),
    description: "A new shot, lol!"
}, {
    id: '2',
    title: "It also Works!",
    author: { name: "Luke Shiels", user: "0001"},
    image: "assets/img/0001.png",
    pubDate: new Date('27-11-2000'),
    description: "Another shot, lol!"   
}];

Я получаю следующие "ошибки":http://i.imgur.com/fRLkaFQ.png (Извините, не хватает представителя для публикации изображений)

Answer 1

Из-за того, как Handlebars обрабатывает обновления DOM, вы не можете просто добавить атрибуты внутри тега HTML, как вы сделали с изображением.

<img src="{{image}}" alt="{{description}}" />

Если вы посмотрите на сгенерированный HTML, он будет выглядеть примерно так:

<img src="<script id='metamorph-1-start'>someh</script>">

Вам нужно посмотреть на {{bindAttr}} помощник вместо.

<img {{bindAttr src="image" alt="description"}}/>