Wie um zu zeigen, zwei durchgehende Räume, in Winkel?

UPDATE: Beide Wege von Chris und Mark arbeiten.

Ich bin mit Winkel-2. Ich versuche zu zeigen, zwei durchgehende Räume, die zwischen a und bin die Seite. Ich habe versucht, alle von Ihnen, aber keiner von Ihnen arbeitet:

{{text}}

text = "a\00a0\00a0b";
text = `a\00a0\00a0b`;
text = "a  b";
text = `a  b`;
text = "a  b";
text = `a  b`;

Wie kann ich machen, damit es funktioniert?

InformationsquelleAutor Hongbo Miao | 2016-02-06
  1. 15

    Binden, DOM-Eigenschaft innerHTML statt der DOM-Eigenschaft textContent (was {{}} bindet):

    <span [innerHTML]="text"></span>

text = "a&nbsp;&nbsp;b";
    • In version 6.0.0 fand ich, dass Sie, fügen Sie Anführungszeichen um den text-string, da es sonst meint, die ganze Sache ist eine variable. Sie können auch nicht die eckigen Klammern aus der ganzen innerHTML als, der klagt einen anderen Grund. Also im Grunde text = "'a&nbsp;&nbsp;b'" ist was für mich gearbeitet.
    InformationsquelleAutor Mark Rajcok
  2. 10

    Ich glaube, du bist immer dies wegen der Natur des html-stripping Räume.

    Könnte man vielleicht verwenden die white-space: pre css-Eigenschaft was auch immer element, das Sie Rendern text.

    function MyCtrl($scope) {
  $scope.text = 'a      b';
}
...
<p style="white-space: pre">{{text}}</p>

    Ich weiß nicht viel über Ihre Anwendung, aber vielleicht wird dies ausreichen.

    Demo

    • Aber er sagte, er versucht &nbsp;s, die sind nicht ausgezogen, die von HTML.
    • Das dachte ich auch, bis ich versuchte, es vor Ort. Das oben genannte ist die einzige, die ich habe zu arbeiten. Es könnte ausreichen für OP, also einen Versuch Wert, nehme ich an.
    • Fair genug. Möchten Sie vielleicht, um zu zeigen, der Wert zugewiesen text, so dass die Menschen nicht haben, um durch das klicken auf die demo.
    • Guter Punkt. Hinzugefügt!
    • Danke, @Chris! Ihre style="white-space: pre" Weise ist auch das arbeiten in Winkel-2.
    • Froh, Sie fand es nützlich!

    InformationsquelleAutor Chris
  3. 4

    verwenden '&#160;' statt '&nbsp;' im template.

    InformationsquelleAutor Rahul Kapuriya
Schreibe einen Kommentar