Question

我对Web应用程序框架的整个概念都很陌生，昨晚我开始使用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"}}/>

Ember.js试图获得一个奇怪的脚本

1 个答案: