ember.js - 如何在 Ember.js 中刷新更改的值

Question

我正在使用 Ember.js 从 json 提要创建一个表。我需要闪烁正在更改的值(在表行中)。我如何在 Ember.js 中执行此操作？

我的模板如下图所示:

<tbody>
    {{#each Quotes.quotesController.content}}
        <tr>
            <td class="quote-name">{{name}}</a>
            <td class="quote-code">{{code}}</a>
            <td class="quote-value">{{value}}</a>
            <td class="quote-bid">{{bid}}</a>
            <td class="quote-offer">{{offer}}</a>
        </tr>
    {{/each}}
</tbody>

这是获取和更新引号的代码:

fetchQuotes: function() {
    var scope = this;
    $.getJSON('/rest/quotes', function(data) {
        $.each(data, function(index, quote) {
            scope.updateQuote(quote);
        });
    });
}

作为比较，在 backbone.js 中，我绑定(bind)到属性级别的更改事件并在回调中触发动画。例如:

this.model.bind('change:value', this.updateValue);

updateValue: function() {
    var td = $(this.el).children('.quote-value');
    td.html(this.model.get('value'));
    td.animate({color: animationColor}, 200)
      .animate({color: '#000000'}, 3800, 'easeInQuint');
},

我不知道这种方法是否可能/推荐使用 Ember.js。

编辑:我现在几乎拥有它。我可以处理表格单元格上的事件并将其颜色更改为任何颜色。参见 this jsfiddle - 单击值列中的任何单元格，它将变为红色。我唯一不知道的是如何捕获对表格单元格值的更改而不是单击事件。有没有我可以捕获的更改事件之类的东西？

Answer 1

请参阅以下内容 jsFiddle (修改另一个问题的答案)。我认为您可以从那里做您需要做的事，但简而言之，您需要创建一个观察者来观察您的 Controller 上的属性的变化，该 Controller 包含您正在修改的数组。

根据第一条评论进行编辑:

以下是回应该评论的有效解决方案:http://jsfiddle.net/ud3323/ykL69/