我已經看到了這個問題。我的代碼而不是ng-bind="item.desc"使用代碼,{{item.desc}}因為我ng-repeat之前有過。所以我的代碼:<div ng-repeat="item in items"> {{item.description}}</div>項目說明包含\n未呈現的換行符。{{item.description}}假設我已具備ng-repeat上述條件,如何輕松顯示換行符?
3 回答

largeQ
TA貢獻2039條經驗 獲得超8個贊
嘗試:
<div ng-repeat="item in items">
<pre>{{item.description}}</pre>
</div>
該<pre>包裝將打印文本與\n文本
另外,如果您打印json,請使用json過濾器,以獲得更好的外觀,例如:
<div ng-repeat="item in items">
<pre>{{item.description|json}}</pre>
</div>
我同意@Paul Weber這white-space: pre-wrap;是一個更好的方法,無論如何使用<pre>-主要用于調試某些東西的快速方法(如果您不想在樣式上浪費時間)

慕標琳琳
TA貢獻1830條經驗 獲得超9個贊
CSS非常簡單(我發誓,它可以工作)。
.angular-with-newlines {
white-space: pre;
}
快看 沒有額外的HTML標簽!
- 3 回答
- 0 關注
- 1247 瀏覽
添加回答
舉報
0/150
提交
取消