Ich habe hide() und show() Funktionen in Javascript geschrieben und sie in onmousedown in HTML code aufgerufen.
Funktionen wie unten:
%Vor% Ich möchte dies in Angularjs code konvertieren. Kann ich so schreiben?
Können wir document.getElementById() in Angularjs verwenden? Ich bin neu in angularjs . Kann mir bitte jemand helfen?
Die Schönheit von Angular ist, dass der Zustand Ihrer Daten bestimmen sollte, was mit Ihrer Ansicht geschieht.
Im Fall der Funktionen, die Sie aufrufen, scheint es, als ob Sie vielleicht ng-show / ng-hide / ng-if verwenden möchten.
Und in Ihrem Controller
%Vor%ng-mousedown directive verwenden und sie an Ihr Element anhängen: Und in deinem Controller (PS. Ich gehe davon aus, dass das Element verschwindet, ansonsten brauchst du die ng-mouseup-Direktive oder die daran gebundenen Funktionen nicht).
%Vor%Auch wenn Sie nicht müssen, gibt es Gelegenheiten, wo Sie es tun möchten (zum Beispiel mit anderen iframe kommunizieren). dann ist es gut, $ document für Komponententests zu verwenden. In diesem Fall: Injection $ Dokument in Ihrem Controller und verwenden Sie es. Denken Sie daran, dass $ document ein Array zurückgibt.
%Vor%Sie können beispielsweise den Inhalt eines anderen iframes mit
erneut laden %Vor% Sie können document.getElementById() in Angularjs verwenden, aber das Bearbeiten von HTML in einem Controller ist keine gute Übung.
Ich empfehle Ihnen, eine Anweisung zu erstellen und diese Art von Dingen dort zu tun.
Sie können ngShow zum Steuern des Stils und ngMousedown zum Setzen des Flags verwenden:
Und setze in deinem Controller einfach $scope.isVisible = true; (oder false ), um zwischen den Zuständen zu wechseln. Sie haben auch ngHide , um zu steuern, ob das Element basierend auf dem Ausdruck verborgen werden soll.
Was sowohl ngShow als auch ngHide bewirkt, ist das Umschalten der Klasse ng-hide , die display:none; auf das Element setzt.
Tags und Links javascript angularjs