Warum kann ich nicht die Höhe eines Elements mit ng-Stil?

Ich versuche, fügen Sie dynamisch die Höhe einer div, aber es ist nicht erfolgreich. Bekomme ich die Höhe von Fenster-und teilen Sie durch 3, aber es funktioniert nicht. Hier ist, wo ich die Höhe:

<div id="wrapper" ng-style="height :hgt+'px'">

Ich bin Einstellung der scope-variable wie diese:

 $scope.hgt = $window.innerHeight / 3;

Aber die Höhe ist nicht festgelegt.

Plunker
http://plnkr.co/edit/eGaPwUdPgknwDnozMJWU?p=preview

InformationsquelleAutor user944513 | 2015-05-31

  1. 8

    Die Verwendung von ng-style ist etwas kontraintuitiv. Sie versucht sind, es zu verwenden, um die Werte interpoliert, sondern pro die Winkel-Dokumentation ng-style nimmt einen Ausdruck "die evals zu einem Objekt, dessen keys sind CSS-Format-Namen und-Werte sind die entsprechenden Werte für die CSS-Schlüssel".

    So, möchten Sie vielleicht versuchen:

    $scope.hgt = { height: ($window.innerHeight / 3) + 'px' };
<div id="wrapper" ng-style="hgt">

    Hoffe, das hilft!

    InformationsquelleAutor Ryan Miller

  2. 6

    Sollte man ein Wörterbuch in ng-style wie unten

    <div id="wrapper" ng-style="{height: '{{hgt}}px'}">
  <h4 class="headerTitle">tell Mother name</h4>
</div>
    überprüfung warten seconf

    InformationsquelleAutor Rebornix

  3. 0

    Pro die Dokumentation: https://docs.angularjs.org/api/ng/directive/ngStyle

    ng-style nimmt ein Objekt, kein string. Hier ist der fix:

    <div id="wrapper" ng-style="{ height :hgt+'px'}">
  <h4 class="headerTitle">tell Mother name</h4>
</div>

    InformationsquelleAutor nephiw

Schreibe einen Kommentar