binding - Ember.TextArea 通过车把助手设置输入

Question

我有一个 Ember.Handlerbars.JSON 助手，它将给定值格式化为缩进的 JSON 字符串。我想像这样设置文本区域的内容（值）：

    {{#view Ember.TextArea}}
       {{JSON someValue}}
    {{/view}}

这不起作用，因为我应该设置 textareas 的“值”属性。

但是，这也行不通

    {{view Ember.TextArea valueBinding="JSON someValue"}}

Answer 1

您可以通过使用计算属性来解决此问题，请参阅http://jsfiddle.net/pangratz666/3A33H/：

车把：

<script type="text/x-handlebars" >
    {{#with App.jsonController}}
        {{view Ember.TextArea valueBinding="formatted" rows="10" }}    
    {{/with}}
</script>​

JavaScript：

App = Ember.Application.create({
    formatJSON: function(obj) {
        return JSON.stringify(obj, null, '\t');
    }
});

App.jsonController = Ember.Object.create({
    content: {
        abc: 123,
        foo: 'hello'
    },

    formatted: function() {
        var obj = this.get('content');
        return App.formatJSON(obj);
    }.property('content')
});​

---

更新您的评论：

在评论（http://jsfiddle.net/4QNur/）的小提琴中，您声明{{view Ember.TextArea valueBinding="JSON App.someComplexValue"}}：这不起作用，因为valueBinding将路径作为参数而不是表达式，例如JSON App.someComplexValue. 如果要绑定到转换后的值，只需创建一个计算属性并绑定到它。这就是 Ember 做这些事情的方式......

在您原来的问题中，您有以下代码：

{{#view Ember.TextArea}}
    {{JSON someValue}}
{{/view}}

这在这种情况下不起作用，因为valueforEmber.TextArea只能通过 avalue分别设置valueBinding：

{{view Ember.TextArea valueBinding="App.controller.transformedComplexValue" }}