Kann ich überschreiben Dokument.bereit, in typescript

Ich habe eine Anwendung, die verschiedenen Seiten und etwa jede Seite hat eine eigene js (die werden durch typescript-compiler). Dokument.bereit-Methode für jede Seite hat einige gemeinsame Attribute und ich bin auf der Suche um die gemeinsamen Funktionen /Eigenschaften in einer Basis-Typoskript-Klasse.

So sollte es Aussehen

 class PageX extends BasePage
    {
        onLoad => which should act like document.ready
    }

kann das getan werden? Ich bin mir nicht sicher, ob es möglich ist?

Haben Sie versucht, es zu sehen, was passiert?
Ich bin mir nicht sicher, wie es zu tun. Typoskript erzeugt der code unten nur die Definition der page-Klasse var Seite = (function () { function Seite() { } return Seite; })(); also das, was ich Suche ist, ohne das Dokument geschrieben.bereit, auf jeder Seite - eine Methode dieser Klasse aufgerufen werden soll wenn es fertig ist zu laden und spielen mit DOM.

InformationsquelleAutor Mavi Domates | 2013-03-13

  1. 4

    Wenn Sie möchten, dass die Basis-Funktionalität in jeder Seite, dann würden Sie brauchen, um das Basis-script in jeder Seite. Ableiten einer Klasse kopiert nicht die übergeordnete Funktionalität in das Kind.

    Haben, könnten Sie einen PageBase Klasse in einem .ts-Datei enthält die gemeinsamen Verhaltensweisen und Eigenschaften, und dann leiten Sie von dieser Klasse eine Klasse für jede Seite spezifische Verhalten. So etwas wie die folgenden:

    //Base.ts
class PageBase {
  commonProperty: any;

  constructor(doc:HTMLDocument){
    doc.onload = function(){
      alert('Common code here');
    }
  }
}

    Die kompilierte Ausgabe von den oben genannten (base.js) wäre über ein script-tag auf jeder Seite, gefolgt von dem Skript pro Seite generiert so etwas wie...

    //pageX.ts

///<reference path="Base.ts"/>
class PageX extends PageBase {
  constructor(){
    super(window.document);
    //Rest of my code here...
  }
}

    Klingt das, was Sie waren nach?

    Ja, das klingt ungefähr richtig. Ein besserer Ansatz, dem ich begegnet bin, ist der Aufruf $(document).bereit(dies.customMethod); im Konstruktor, der es erlaubt das anpassen customMethod code in vererbten Klassen.

    InformationsquelleAutor Bill Ticehurst

  2. 1

    Ich denke, die Logik gehört nicht in eine Klasse.

    aber wenn Sie Deklarieren eine Funktion var an der Spitze der .ts-Datei und rufe diese von Ihrem externen Dok.bereit, was Sie hören konnte, die Funktion ändern, die in der Instanz der Klasse..

    sehen

    Function listener in javascript und/oder jQuery

    und
    Hören Sie auf Zustand und Funktion Aufrufe

    Im Falle einer Klasse, die als view-controller, dass die Logik sehr wohl gehört.

    InformationsquelleAutor Nikos

Schreibe einen Kommentar