AngularJs zeigen negative oder positive Zahl

Brauche ich, um zu zeigen, positive oder negative Zahl. Das problem ist, dass ich Daten aus einer api, wo ich ein delta -X positiv und X negativ.

Also zu zeigen, dass meine Daten, die ich brauche, um mehrfach pro -1.

Habe ich diesen code:

{{myData * -1}}

Aber ich brauche einen Weg, um fügen Sie ein + - Zeichen, um meine Daten in Fall ist es positiv. Wenn ich (-120*-1) sollte ich bekommen +120.

Wie könnte ich hinzufügen, plus meine Nummer?

Alles, was Sie tun müssen, ist erstellen Sie eine Funktion, die auf den Rahmen und dann rufen Sie es in den Ausdruck.
Nur als Anmerkung, Josh ' s Antwort ist gewinnen (und ein guter Grund für ein upgrade), da hält es auch in html festlegen, wie die Daten angezeigt werden. Ich möchte wirklich nicht, dass mein controller zu haben, um einen plus-Zeichen, um meine Leistung.
Ich bin damit einverstanden. Als seitliche Anmerkung, der ternäre operator funktioniert auch auf 1.1.6

InformationsquelleAutor Tropicalista | 2013-11-14

  1. 8

    Den AngularJS Weg, dies zu tun ist über eine benutzerdefinierte filter. Filter werden verwendet für die Formatierung und Anzeige von Daten. Darüber hinaus können Sie leicht wiederverwendet werden in mehreren Orten. Es ist ein ähnliche post mit einem Beispiel, wie Sie einen benutzerdefinierten filter können verwendet werden, um eine Formatierung problem.

    Vermutlich ist dies die richtige Antwort.
    Hier ist, was die filter Aussehen würde, zu erfüllen, OP - Voraussetzung: jsfiddle.net/Asheq/z9yv1x2j

    InformationsquelleAutor jelinson

  2. 14

    Hinzufügen eines ' + ' - symbol, um Ihre Ausgabe könnte so einfach wie diese:

    {{number > 0 ? '+' : ''}}{{number}}

    Wenn Sie müssen es tun, alle über dem Platz, würde ich wahrscheinlich schreiben Sie eine Richtlinie Anhängen, das symbol.

    Hinweis: Der tenäre operator wird nur in Eckige 1.2+

    http://jsfiddle.net/jwcarroll/NNgw6/

    Ich sollte angeben, dass ich auf Winkel-1.0.6
    Tolle Antwort für 1.2+
    Ja, ich war ziemlich begeistert, als Sie fügte hinzu, dass.
    Upgrade auf 1.2?

    InformationsquelleAutor Josh

  3. 3

    Wenn ich verstehe Ihr Bedürfnis, hier, Sie sollten in der Lage sein, eine Funktion verwenden, um die Daten zu erhalten, anstatt den Zugriff auf die integer-direkt.

    app.controller('myCtrl', function($scope) {
  var foo = 1;
  $scope.getData = function() {
    if (foo > 0) {
       foo = '+'+parseInt(foo);
    }
    return foo;
  }
});

<p>{{getData()}}</p> <!-- displays "+1" -->

    Live-demo hier. (klicken Sie auf)

    Ich muss "+" auf meine Daten. Zum Beispiel: wenn ich -12 sollte ich Ausgang +12. Wenn ich versuche, Math.abs(-12), ich bekomme einfach 12 ohne "+"
    Ok, ich sehe, was du jetzt meinst. Überprüfen Sie heraus meine aktualisierte Antwort und demo. Sollte perfekt funktionieren.

    InformationsquelleAutor m59

  4. 1

    Konnte man auch mit dem "filter" Art:

    app.filter('plusOrMinus', function(){
    return function(input){
        input = input ? input : 0
        return input > 0 ? "+"+input : input
    }
})

    dann auf Ihre Ansicht:

    <p>{{number | plusOrMinus}}</p>

    InformationsquelleAutor Charleston

Schreibe einen Kommentar