ember.js - 将 TextArea 换行符绑定到 html

Question

我有一个绑定到 div 的 textarea，这样您在 textarea 中键入的任何内容都会更新 div。

绑定唯一不尊重的是 textarea 中的换行符，因此如果您在 textarea 中点击“输入”，则 div 不会中断。

小提琴：http: //jsfiddle.net/lifeinafolder/Ajkyw/19/

我正在使用助手，但它不起作用。

根据此链接上的第 4 点： http: //codebrief.com/2012/03/eight-ember-dot-js-gotchas-with-workarounds/，它不应该工作。但即使使用该链接上的解决方案，我也无法使其正常工作。

关于如何使用文<br/>本区域内换行符上的标签更新 div 的任何想法？

Answer 1

使用计算属性来格式化位置的换行符。

HTML：

<script type="text/x-handlebars">
    {{#with App.obj}}
        {{view Ember.TextArea valueBinding="location"}}  
        <div>{{{formattedLocation}}}</div>
    {{/with}}
</script>

JavaScript：

App.obj = Ember.Object.create({
    location:'Palo Alto',

    formattedLocation: function() {
        return this.get('location').replace(/\n\r?/g, '<br />');
    }.property('location').cacheable()
});

http://jsfiddle.net/e8G2j/

在示例中，我删除了您的助手，因此更容易准确地了解正在发生的事情。如果您需要使用助手并且无法弄清楚，请告诉我，我会重新添加助手。