保持格式不被從Firebase中的JSON中剝離

我有一個連接到Firebase並使用ng-repeat顯示的應用程序，請參閱下面的代碼。連接的工作和顯示，但說明項目有一個\ n內聯來創建單獨的段落，不幸的是正在被剝離和段落簡單打印到頁面作爲一個大段落。我目前正在使用Angular 1.3.8。我試過ngSanitize，它不是工作，或者我錯誤地使用它。任何幫助是極大的讚賞。謝謝。保持格式不被從Firebase中的JSON中剝離

<div> 
    <tr ng-repeat="m in members | orderBy:'company' | filter:query"> 
     <td style="width:250px"><b>{{ m.company }}</b> 
      <br>{{ m.address }} 
      <br>{{ m.address2 }} 
      <br><a href="{{ m.url }}" target="_blank">{{ m.url }}</a> 
      <br> 
      <br>{{ m.name }} 
      <br><em>{{ m.title }}</em> 
      <br>{{ m.phone }} 
      <br><a mailto="{{ m.email }}">{{ m.email }}</a> 
      <br> 
      <br> 
     </td> 
     <td>{{ m.description }}</td> 
    </tr> 
</div>

來源

2015-02-24 Studio Rooster

你應該開始格式化你的代碼示例 – 2015-02-24 20:46:17

你想要什麼而不是這些\ n？新塊或全部內聯顯示，只需刪除\ n個字符？ – floribon 2015-02-24 20:49:20

你可以簡單地刪除使用多餘的字符，讓我們把它在你的HTML修剪：

{{ trim(m.description) }}

和代碼：

$scope.trim = function(text) { 
    return text.replace(/\n/g, ' '); 
};

來源

2015-02-24 20:51:34 floribon

HTML忽略，當談到格式換行符。您需要在您的CSS中用<br>元素替換換行符或將white-space替換爲pre,pre-wrap或pre-line。

嘗試編輯的描述中部分是這樣的：

HTML：

<td class="description">{{ m.description }}</td>

CSS：

.description { 
    white-space: pre-line; 
}

這將讓任何換行符m.description在HTML格式。

來源

2015-02-24 20:55:38

在Firebase中添加
將在說明中字面上顯示
。嘗試了空白的想法，但沒有骰子。感謝您的幫助。 – 2015-02-24 21:05:34

保持格式不被從Firebase中的JSON中剝離

回答

相關問題