表单元素的Ember组件模型

Question

我正在为带有验证的简单表单元素创建ember组件，并使用bootstrap创建适当的样式。我知道ember验证库，但我这样做是为了更好地理解ember组件。

以下是该应用的jsbin链接。

http://jsbin.com/natuq/12/edit?html,js,console,output

为什么我看不到和重视？属性命名错误还是别的什么？

由于

Answer 1

您尝试登录value的{​​{1}}属性实际上是App.AecFormComponent实例上的属性。这就是为什么你没有看到记录的值。

你可以通过添加以下观察者来观察这一点（没有双关语）：

App.AecInputComponent

这是预期的行为，因为组件在其手柄块内部创建类似控制器的范围。您可以在两个属性之间设置Ember绑定以将它们或bind the property输入链接到App.AecInputComponent = Em.Component.extend({ logValueChange: function() { console.log(this.get('value')); }.observes('value'), }); 或类似的东西（虽然这很糟糕）。