Ember.js中的订阅者/观察者模式

Question

是否可以在Ember.js中使用订户/观察者模式？ 例如，视图A和视图B都侦听模型C内的更改。这要求模型C能够触发自定义事件。 我一直试图弄清楚如何在Ember.js中制作一个模型触发事件，但到目前为止还没有运气。

Answer 1

我相信您正在寻找的功能在Ember.js中称为“绑定”。

主页上有大量的例子描述了如何做你的建议，但这里有一个简短的回顾：

window.MyApp = Ember.Application.create();

MyApp.MyModel = Ember.Object.create({
  myProperty: "Hello World!",

  goodbye: function() {
    this.set("myProperty", "Goodbye!");
  })
});

MyApp.modelInstance = MyApp.MyModel.create();

现在，在您的<body>标签内创建两个视图：

<script type="text/x-handlebars">
  View1: <b>{{MyApp.modelInstance.myProperty}}</b>
</script>

<script type="text/x-handlebars">
  View2: <b>{{MyApp.modelInstance.myProperty}}</b>
</script>

现在页面应该渲染，你会看到两个视图都说“Hello World！”。 打开控制台并键入

MyApp.modelInstance.goodbye();

而且您会看到您的观点变为“再见！”。

视图通过使用双花括号自动创建到MyApp.modelInstance.myProperty的Bindings，但您可以通过各种方式创建绑定。 每当myProperty的值发生变化时，所有绑定都将自动更新。 但是请注意，您必须调用set("myProperty", "something new")以便Ember知道为您更新绑定。 如果你只是说myProperty = "something new"它不会触发任何变化事件。

Answer 2

至少在Sproutcore中，这就是绑定的目的。

如果你有模特

App.Person = SC.Object.extend({
   name: 'Bruce Banner'
});

然后，您将拥有一个控制器，例如

App.personController = SC.ObjectController.create();

然后，您可以在控制器上设置内容

App.personController.set('content', somePerson);

现在，任何视图都可以绑定到模型对象上的数据。

SC.LabelView = SC.LabelView.extend({
...
    valueBinding: 'App.personController.name'
})

所以如果你改名字的话

somePerson.set('name', 'Chris');

视图将自动更新。

Ember.js中的订阅者/观察者模式

问题描述

2 个解决方案

解决方案1
3 2012-01-10 13:25:57

解决方案2
0 2012-01-10 13:03:41

Ember.js中的订阅者/观察者模式

问题描述

2 个解决方案

解决方案1 3 2012-01-10 13:25:57

解决方案2 0 2012-01-10 13:03:41

解决方案1
3 2012-01-10 13:25:57

解决方案2
0 2012-01-10 13:03:41