Ich habe mehrere Beispiele hier gesehen. Aber immer noch verwirrt, wie Sie das Folgende tun.Wie ändert man die Eigenschaft der Klasse mit Winkel js
Ich habe zwei Screenshots zum besseren Verständnis. Der erste Screenshot zeigt die Standardansicht für die Mobiltelefone. Aber wenn ich auf die 2nd row (i.e. Rahul Thusso)
klicke, wird es den Bildschirm wie Screenshot 2 zeigen. Und wenn ich auf the back button i.e. <-
klicke, wird das rechte Panel mit Details für Rahul Thusso
weg sein.
Ich habe @media .... .master-container-rt{ width: 0%; }
verwendet, aber es ist statisch und wird mein Problem nicht lösen.
Standardmäßig, wenn der Bildschirm lädt master-container-rt{ width: 0%; }
ist in Ordnung. Klicken Sie auf die Zeile für Rahul Thusso
, idealer Bildschirm ist master-container-rt{ width:100%; }
und schließlich klicken Sie auf die <-
Schaltfläche master-container-rt{ width: 0% }
wäre in Ordnung.
Wie erreicht man es mit Angular JS?
Screenshot 1-default-Bildschirm
Screenshot 2-Right-Panel aktiviert Bildschirm
Ihre Abfrage ist nicht sehr klar. Möchten Sie die im zweiten Screenshot gezeigte Funktionalität immer dann implementieren, wenn auf die Zeile geklickt wird? und wollen die Dinge wieder normal, wenn der Zurück-Button geklickt wird? –
für Change-Klasse mit angularjs, müssen Sie ng-Klasse verwenden. 'ng-class =" {master-container-rt: check()} "'. Funktion zum Prüfen erstellen. Wenn resault = true, Applay-Klasse – Khoshtarkib
@Khoshtarkib ist es möglich, ng-Klasse = "{Master-Container-RT: Breite: 100%}" oder etwas mit einer Funktion erreicht werden kann? – Anijit