1

textareaをdivにバインドして、textareaに入力した内容がdivを更新するようにします。

バインディングが尊重しないのはtextareaの改行だけなので、textarea内で「Enter」を押してもdivは中断されません。

フィドル： http： //jsfiddle.net/lifeinafolder/Ajkyw/19/

ヘルパーを使用していますが、機能しません。

このリンクのポイント4：http: //codebrief.com/2012/03/eight-ember-dot-js-gotchas-with-workarounds/によると、機能しないはずです。しかし、そのリンクの解決策があっても、私はそれを機能させることができません。

<br/>テキストエリア内の改行のタグでdivを更新する方法に関するアイデアはありますか？

4

1 に答える 1

7

計算されたプロパティを使用して、場所の改行をフォーマットします。

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/

この例では、ヘルパーを削除したので、何が起こっているのかを正確に追跡するのが少し簡単になります。ヘルパーを使用する必要があり、それを理解できない場合は、私に知らせてください。ヘルパーを追加し直します。

于 2012-05-18T23:06:53.703 に答える