SignalR typescripf Deklaration-Datei

Habe ich angefangen mit Typoskript, leicht zu finden Deklaration (d....ts-Dateien) für die angular.js und jquery. Kann nicht finden, eine für SignalR jquery, obwohl.

Könnt Ihr mir helfen. Ich könnte einfach erstellen Sie eine Schnittstelle, die extends JQuery aber irgendwie funktioniert es nicht...

var hub = $.connection.myHub

er beschwert sich über connection Sache... sagt "Die Eigenschaft" connection " existiert nicht an Wert vom Typ 'JQueryStatic'"

InformationsquelleAutor iLemming | 2012-11-09
  1. 16

    DefinitelyTyped hat ein vollständiges Typoskript definition für SignalR.

    Gerade aktualisiert, der link, danke Stuart

    • Hat jemand Beispiele, wie Definitiv Eingegeben ist def mit Typescript?
    • James, Sie müssen nur Referenz im code der Dateien, die Sie verwenden möchten.
    • obiger link nicht funktioniert, hat github.com/borisyankov/DefinitelyTyped
    InformationsquelleAutor George Mavritsakis
  2. 8

    Dies ist, was ich in der Lage war, um vorzubereiten, eine schnelle und schmutzige Art und Weise. Werden Sie sich bewusst, dass Ihr vermutlich kaum die richtigen, aber der reicht für mich gerade jetzt, und es scheint zu funktionieren wie gedacht.

    Es ist vielleicht eine nette Sache, um zu starten. Nennen wir es "jquery.signalR-0.5.3.d....ts":

    ///<reference path="jquery.d.ts" />
interface Hub {
    id: string;
    state: any;
    start(options?: any, callback?: () => any): JQueryPromise;
}

interface SignalR {    
    log(msg: string, logging: bool): void;
    isCrossDomain(url: string): bool;
    changeState(connection: any, expectedState: number, newState: number): bool;
    isDisconnecting(connection: any): bool;

    hub: Hub;
    connection: HubConnection;

    init(url, qs, logging): void;
    ajaxDataType: string;
    logging: bool;
    reconnectDelay: number;
    state: any;
    start(options?: any, callback?: () => any): JQueryPromise;
    starting(callback?: () => any): SignalR;
    send (data): SignalR;
    sending (callback?: () => any): SignalR;
    received (callback?: (data) => any): SignalR;
    stateChanged (callback?: (data) => any): SignalR;
    error (callback?: (data) => any): SignalR;
    disconnected (callback?: () => any): SignalR;
    reconnected (callback?: () => any): SignalR;
    stop (async? : bool): SignalR;
}

interface HubConnection extends SignalR {
    hub: Hub;
}

//extend JQuery interface
interface JQueryStatic {
    signalR: SignalR;
    connection: SignalR;
}

    dann möchten Sie vielleicht, um zu definieren, Vertrag für den hub:

    ///<reference path="./jquery.signalR-0.5.3.d.ts" />

interface IMyHub extends HubConnection {
    //your methods definition here
}

//extend SignalR interface
interface SignalR {
    myHub: IMyHub;
}
    • ich danke Ihnen sehr
    InformationsquelleAutor Slawek
  3. 3

    [Self-Stecker]

    Ich erstellt haben, ein tool zu erzeugen, Typoskript Erklärung-Dateien für Ihre Naben, Methoden und Typen, die Sie zwischen dem client und dem server. Es enthält die neuesten DefinitelyTyped signalr.d....ts-Datei als auch. Ich veröffentlichte eine alpha-version als nuget-Paket: SignalR.Typoskript. Um dieses Paket zu installieren, führen Sie den folgenden Befehl in der Paket-Manager-Konsole:

    Install-Package SignalR.TypeScript -Pre

    Mehr Informationen und Anleitungen auf meinem blog: http://murat.girg.in/2013/11/introducing-signalr-typescript/

    [/Self-Stecker]

    InformationsquelleAutor Murat G.
  4. 2

    Hat es so gemacht:

    interface signalR extends JQueryStatic {
     connection;
}

var hub = (<signalR>$).connection.myHub
    InformationsquelleAutor iLemming
  5. 0

    Es ist nicht ideal, aber wenn Sie brauchen, um Reine signalR-javascript zu Typescript schnell Sie können, verwenden Sie eine Schnittstelle wie diese (werden Sie noch brauchen, um signalr.d....ts-Typ-definition).

    interface SignalR {
    messageHub: any;
}

var chat = $.connection.messageHub;
chat.client.actionMessage = function (data) {
    console.info("actionMessage: received: message: " + data.message);
};
    InformationsquelleAutor howardlo
Schreibe einen Kommentar