javascript - 为什么这个 emberjs 模板不更新？

Question

我正在学习 emberjs，并且已经完成了一个非常简单的示例。 HTML 模板是:

<script type="text/x-handlebars">
    Hello <b>{{App.appOwner}}</b>
</script>

然后 javascript 是:

App = Ember.Application.create({
  appOwner : 'Erik'
});


App.appOwner = 'Tom';

这几乎符合您的预期。 emberjs.com 文档说模板是自动更新的——所以我添加了这个:

$(document).click(function() {
  console.log('HERE!');
  App.appOwner = 'Alphonse';
});

这出乎意料地失败了。我添加了 console.log 只是为了确保点击处理程序被调用，它确实被调用了。为什么不更新？

Answer 1

您需要使用 .set() 变元方法，因为 javascript 没有拦截直接属性更改的工具:

App.set('appOwner', 'Alphonse');