我已經(jīng)看到了這個(gè)問(wèn)題。我的代碼而不是ng-bind="item.desc"使用代碼，{{item.desc}}因?yàn)槲襫g-repeat之前有過(guò)。所以我的代碼：<div ng-repeat="item in items"> {{item.description}}</div>項(xiàng)目說(shuō)明包含\n未呈現(xiàn)的換行符。{{item.description}}假設(shè)我已具備ng-repeat上述條件，如何輕松顯示換行符？
3 回答
largeQ
TA貢獻(xiàn)2039條經(jīng)驗(yàn) 獲得超8個(gè)贊
嘗試：
<div ng-repeat="item in items">
<pre>{{item.description}}</pre>
</div>
該<pre>包裝將打印文本與\n文本
另外，如果您打印json，請(qǐng)使用json過(guò)濾器，以獲得更好的外觀，例如：
<div ng-repeat="item in items">
<pre>{{item.description|json}}</pre>
</div>
我同意@Paul Weber這white-space: pre-wrap;是一個(gè)更好的方法，無(wú)論如何使用<pre>-主要用于調(diào)試某些東西的快速方法（如果您不想在樣式上浪費(fèi)時(shí)間）
慕標(biāo)琳琳
TA貢獻(xiàn)1830條經(jīng)驗(yàn) 獲得超9個(gè)贊
CSS非常簡(jiǎn)單（我發(fā)誓，它可以工作）。
.angular-with-newlines {
white-space: pre;
}
快看 沒(méi)有額外的HTML標(biāo)簽！
- 3 回答
- 0 關(guān)注
- 1244 瀏覽
添加回答
舉報(bào)
0/150
提交
取消