亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

保留angularjs中的換行符

保留angularjs中的換行符

江戶川亂折騰 2019-12-20 11:12:36
我已經看到了這個問題。我的代碼而不是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>-主要用于調試某些東西的快速方法(如果您不想在樣式上浪費時間)


查看完整回答
反對 回復 2019-12-20
?
慕標琳琳

TA貢獻1830條經驗 獲得超9個贊

CSS非常簡單(我發誓,它可以工作)。


.angular-with-newlines {

  white-space: pre;

}

快看 沒有額外的HTML標簽!


查看完整回答
反對 回復 2019-12-20
  • 3 回答
  • 0 關注
  • 1247 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號