保持格式不被从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中剥离

回答

相关问题