ember.js 将单击处理程序绑定到行项:模型中火法

ubby3x7f  于 2022-11-23  发布在  其他
关注(0)|答案(3)|浏览(113)

我正在开发一个小的示例应用,以适应编写Ember应用。我正在提取我的tweet的JSON提要,并将它们显示在页面上。为了在代码中实现一个模型,我添加了一个名为markAsRead的方法。
我想为每个行项绑定一个事件,这样当它被点击时,它就会触发自己的markAsRead方法。最终目标是在触发该事件时更改行项上的类。以下是我目前得到的代码:
http://andymatthews.net/code/emberTweets/
我知道Ember有它自己的做事方式,所以我真的在寻找一个最佳的实践方式来处理这个问题。

llew8vvj

llew8vvj1#

安迪,
我已经重构了您目前所拥有的内容,并添加了您要在此jsFiddle中寻找的特性:http://jsfiddle.net/ud3323/V4qZC/ .希望这能为你澄清一切:)

rdrgkggo

rdrgkggo2#

您应该为每个行项使用一个视图。

{{#each Tweets.allTweetsController}}
      {{#view Tweets.TweetItemView contentBinding="this"}}
        {{#with content}}
          <li> {{myTweet}}</li>
        {{/#with}}
      {{#/view}}
{{/#each}}

TweetItemView应该有一个click方法,每次点击都会触发该方法。由于contentBinding,您可以访问视图中的单个tweet作为内容

woobm2wo

woobm2wo3#

我正在实现一个类似于wordpress的开源提要阅读器的东西。UI都是Ember。看看http://mattkatz.github.com/Wordprss-它有标记为阅读沿着键盘快捷键。

相关问题