将文本区域换行符绑定到 html

Question

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

绑定唯一不尊重的是文本区域中

的换行符，因此如果您在文本区域中按"输入"，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(/nr?/g, '<br />');
    }.property('location').cacheable()
});

http://jsfiddle.net/e8G2j/

在示例中，我删除了您的帮助程序，因此可以更轻松地准确跟踪正在发生的事情。如果您需要使用帮助程序并且无法弄清楚，请告诉我，我会重新添加帮助程序。