私は ember.js の勉強に行き詰まっています。コードhttp://jsfiddle.net/GgGGD/18/でこの jsfiddle を持っています。チェックアウトすると、特定の投稿名をクリックすると上下に投票できることがわかりますが、インデックスルートにいるとき、投票を合計したり減らしたりすることはできません。何が間違っていますか? コンソールには、アクションを処理するものは何もないと表示されます。
これはapp.jsです
App = Ember.Application.create();
App.Router.map(function () {
this.resource('posts');
this.resource('post', {
path: ':post_id'
});
});
App.AplicationRoute = Ember.Route.extend({
});
App.IndexRoute = Ember.Route.extend({
model: function () {
return posts;
}
});
App.PostsRoute = Ember.Route.extend({
model: function () {
return posts;
}
});
App.PostController = Ember.ObjectController.extend({
//initial value
actions: {
voteUp: function () {
this.set('votes', this.get('votes') + 1);
},
voteDown: function () {
console.log("voting down");
this.set('votes', this.get('votes') - 1);
}
}
});
var posts = [{
id: '1',
title: "Rails is Omakase",
img: "img/img1.jpg",
author: {
name: "d2h"
},
date: new Date('12-27-2012'),
votes: 50,
excerpt: "There are lots of à la carte software environments in this world. Places where in order to eat, you must first carefully look over the menu of options to order exactly what you want.",
body: "I want this for my ORM, I want that for my template language, and let's finish it off with this routing library. Of course, you're going to have to know what you want, and you'll rarely have your horizon expanded if you always order the same thing, but there it is. It's a very popular way of consuming software.\n\nRails is not that. Rails is omakase."
}, {
id: '2',
title: "The Parley Letter",
img: "img/img2.jpg",
author: {
name: "d2h"
},
date: new Date('12-24-2012'),
votes: 546,
excerpt: "My [appearance on the Ruby Rogues podcast](http://rubyrogues.com/056-rr-david-heinemeier-hansson/) recently came up for discussion again on the private Parley mailing list.",
body: "A long list of topics were raised and I took a time to ramble at large about all of them at once. Apologies for not taking the time to be more succinct, but at least each topic has a header so you can skip stuff you don't care about.\n\n### Maintainability\n\nIt's simply not true to say that I don't care about maintainability. I still work on the oldest Rails app in the world."
}
];
これはhtmlです
<body>
<script type="text/x-handlebars">
<header>
<figure id="header_logo">
<a href=""><img src="img/logo.png" alt="logo"></a>
</figure>
<div id="header_titulo">
<h2>Puls3 - Dolor Sit amet</h2>
<nav>
<ul>
<li> {{#linkTo 'index'}}Home{{/linkTo}} </li>
<a href="https://github.com/herrkin/puls3-ember"><li>GitHub</li></a>
</ul>
</nav>
</div>
<figure id="header_user" >
<a href=""><img src="img/user.jpg"></a>
</figure>
</header>
<section id="contenido">
{{outlet}}
</section>
</script>
<script type="text/x-handlebars" data-template-name="index">
<!-- item -->
{{#each model}}
<article class="contenido_item">
{{#link-to 'post' this}}<h2>{{title}}</h2>
<p class="item_posted">Posted by {{author.name}}</p>{{/link-to}}
<p class ="extra_tag">tagname</p>
<a class="likes_up" href="#" {{action "voteUp" this}}> up</a>
<div class="likes_numero">{{votes}}</div>
<a class="likes_down" href="#" {{action "voteDown" this }}></span> down</a>
</article>
{{/each}}
</script>
<script type="text/x-handlebars" data-template-name="post">
<!-- item -->
<article class="contenido_item">
{{#link-to 'post' this}}<h2>{{title}}</h2>
<p class="item_posted">Posted by {{author.name}}</p>{{/link-to}}
<p class ="extra_tag">tagname</p>
<a class="likes_up" href="#" {{action "voteUp" this}}> up</a>
<div class="likes_numero">{{votes}}</div>
<a class="likes_down" href="#" {{action "voteDown" this }}></span> down</a>
</article>
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ember.js/1.0.0/ember.min.js
"></script>
</body>