2017-08-29 5 views

答えて

3

角度フィルターと書くことをお勧めします。

myApp.filter('multiline', function() { 
    return function(text) { 
     return text.replace(/\n/g, '<br>'); 
    } 
}); 

、その後、パイプとそれを呼び出す:たとえば

<tr ng-repeat="audit in audctrl.audits | orderBy:'-created_at'"> 
    <td> 
    {{audit.objects | multiline}} 
    </td> 
</tr> 

@Edit 私はあなたの新しい行の文字コードについてはよく分からないが、あなたは簡単にそれを変更することができます。角度フィルターは、他の用途で再使用可能であるため、良好です。 uは初期設定であなたのコントローラでこれを書く代わりに{{audit.objects | multiline}}

http://jsfiddle.net/c1qwg776/

+0

をちょっとカロル私はあなたがこれを投稿した2回目にこれに取り組んできました。小さな問題に遭遇しました。また、エンターキーのコードを見つけることができるだけでなく、エンターキーを':'これは最初のコロンを置き換えただけであっても複数ありますか? – samnymr

+0

Hmm ..正規表現はすべての文字を見つけて置き換えるべきです。私の答えに追加したjsfiddleを確認してください。 –

+0

私はあなたのコードをほとんどコピーしましたが、私は同じ問題があります。奇妙な...これはうまくいくとマークするつもりです。何かが自分のコードを乱さなければなりません。 – samnymr

0

$sceサービスとng-bind-html="audit.objects | multiline"を使用する必要が結合角度にhtmlタグを表示するにはEDIT2 @

for(var i=0;i<audctrl.length;i++){ 
    for(var j=0;j<audctrl[i].objects.length;j++){ 
     if(audctrl[i].objects.charCodeAt(j)===10){ 
      var temp=audctrl[i].objects.substring(0,j); 
      temp+="<br/>"; 
      audctrl[i].objects= temp+audctrl[i].objects.substring(j+5,audctrl[i].objects.length-1); 
     } 
    } 
} 
関連する問題