javascript - 单击时重新绑定(bind) href 标签

Question

我是 Ember 新手，正在从事大型遗留项目。问题是以下模板中的 URI fooUri 仅绑定(bind)一次，并且 fooUri 保持不变:

<a {{bind-attr href=fooUri}}>
    <span class="appicon-table appicon"></span>
</a>

Controller 代码:

App.barController = Ember.ObjectController.extend({
    . . .
    fooUri: function() {
        var fooOptions = $.extend({}, this.model.foo.options);
        . . .
        var querystring = encodeURIComponent($.param(fooOptions));
        var uri = '#' + router.generate( ..., querystring, ...);
        return uri;
    }.property('fooMeasureId'),
    . . .
})

例如我需要每次点击链接时都会重新计算 uri，因为 this.model.foo.options 已更改。

谢谢

Answer 1

如果 this.model.foo 是一个 ember 对象，那么它是可观察的。因此，您可以将其作为依赖项添加到您的 .property() 调用中:

}.property('fooMeasureId', 'model.foo.options')

但请确保使用 Ember .set() 修改它，而不是使用简单的赋值 (=)。

如果它不是 Ember.Object，您必须手动调用 notifyPropertyChange在您的 fooUri 计算属性上。