SORU
30 EKİM 2013, ÇARŞAMBA


Angularjs korumak Satır sonları

this ÇOK soru gördüm.

Benim kod yerine ng-bind="item.desc" ng-repeat Daha önce var çünkü {{item.desc}} kullanır.

Yani benim kod:

<div ng-repeat="item in items">
  {{item.description}}
</div>

Madde açıklaması işlenmez olan yeni satır \n içerir.

Nasıl {{item.description}} ekranda yeni satır ng-repeat yukarıda olduğunu kolayca varsayarsak?

CEVAP
1 EKİM 2014, ÇARŞAMBA


Hatta kabul cevabı olmayan bir gelişme ile @s cevap Renaissance - ama göre.

<div class="angular-with-newlines" ng-repeat="item in items">
   {{item.description}}
</div>

/* in the css file or in a style block */
.angular-with-newlines {
    white-space: pre-wrap;
}

Bu verilen yeni satır ve boşluk kullanın, ama aynı zamanda içerik sınırlarında içerik kıracak. Daha fazla white-space özelliği hakkında bilgi burada bulunabilir:

https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

Eğer yeni satır, ama aynı zamanda birden çok boşluk veya beyaz boşluk metin önceki çöküşü (orijinal) tarayıcı davranışlarını çok benzer kırmak istiyorsan, @aaki önerdiği gibi kullanabilirsiniz:

white-space: pre-line;

Farklı render modları güzel karşılaştırma: http://meyerweb.com/eric/css/tests/white-space.html

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • CruzerLite

    CruzerLite

    1 EKİM 2011
  • John Lynn

    John Lynn

    8 Ocak 2010
  • TokShogun

    TokShogun

    6 HAZİRAN 2009