2017-06-28 2 views
4

Mein Code:Element ändern Stil von Controller Ionic 2

document.querySelector(".myTabs .line")[0].style.left = '30%' ; 

Durch ich habe Fehler

undefiniert ist kein Objekt (Bewertung ‚document.querySelector ("myTabs .line.") [ 0] .style ')

Wie kann ich CSS-Stil von Controller ändern?

+0

Könnten Sie bitte den Code für die Ansicht hinzufügen? Und der Komponentencode, an dem Sie den Stil ändern möchten? – sebaferreras

+0

Es wäre besser Angulars NgClass (https://angular.io/api/common/NgClass) zu verwenden, als direkt mit den css styles-Attributen umzugehen. –

+0

HTML: '

' Komponentencode: 'leftLine() { document.querySelector (" myTabs .line") [0] .style.left = '30%‘; } ' Aber 30% wird dynamischer Wert sein – wstudiokiwi

Antwort

3

document.querySelector gibt das erste Element mit dem Typ Element zurück. Sie müssen es in HTMLElement konvertieren. Versuchen Sie dies:

let elm = <HTMLElement>document.querySelector(".myTabs .line"); 
elm.style.left = '30%' 
+1

es funktioniert! Vielen Dank! – ale