2016-06-16 14 views
0

noch einmal möchte ich für den Mangel an richtigem Vokabular entschuldigen.Wie javascript-Ereignis in angular 2 Projekt mit einem Java-Rest-Service zu fangen

Mein Fall ist wie folgt: Ich habe eine Webseite (Web-Anwendung ??) Ich baue mit eckigen2. Dort habe ich eine JavaScript-Funktion, die mir einen schönen Kalender gibt. Front-End-Zeug.

Dann mache ich mit Java einen REST-Dienst, der das im Kalender ausgewählte Datum erhalten und damit arbeiten wird.

Jetzt bin ich nicht sicher, ob ich einen Schritt zwischen diesen beiden Dingen vermisse. Ich möchte wissen, was geschehen muss, damit die Webanwendung die Informationen an den Restdienst senden kann (es wird auf Tomcat bereitgestellt, für das, was es wert ist).

Bisher habe ich gesagt, dass so etwas wie dies die Arbeit machen:

http://offering.solutions/articles/angular/rest-api-angular2-http-typescript/

https://github.com/Paldom/angular2-rest

Aber ich kann nicht verstehen, wie funktioniert das, bin ich einen weiteren Schritt fehlt oder würde das genügen?

Mein Verständnis des Prozesses ist folgender: Wählen eines Datums auf dem Kalender trigers ein Ereignis, es wird (mit angular2 Code) gefangen, gesendet (wie?) An den Rest-Service, und dann verarbeitet.

Gibt es zusätzliche Schritte? Konzepte, die ich vermisse? Wenn ich selbst auf rein theoretischer Ebene eine Anleitung bekommen könnte, würde das meiner Meinung nach sehr hilfreich sein. Danke im Voraus.

edit: Kalender Code:

+0

Abhängig von Ihrer Kalender-Bibliothek, wie Dinge im Hintergrund verdrahtet werden. – rinukkusu

+0

Ich bin nicht sicher, ob ich folge, aber es ist leicht verdrahtet, es ist eine Pickadate-Funktion, die ich dann in eine bestimmte Komponente in angular2 importieren, und verwenden Sie es, @rinukkusu. War das was du meintest? –

+0

Ja, das ist die allgemeine Richtung, die ich anstrebte. Können Sie in Ihrer Frage zeigen, wie Sie ein Datum in Ihrem Code abrufen? – rinukkusu

Antwort

3

So etwas wie dies tun würde, was Sie beschreiben:

import {Http} from '@angular/http' 

class Picker { 
    constructor(private http:Http) { 
    document.getElementByID('date-picker') 
     .addEventListener('date-picker-event-or-whatever', date => this.send(date)); 
    } 

    send(date) { 
    this.http 
     .post('some/rest/api', JSON.stringify(date)) 
     .map(reposne => response.json()) 
     .subscribe(json => console.log(json)); 
    } 
} 

Beachten Sie, dass dies kein richtiger Code ist nur ein Prinzip. Sie müssen entscheiden, wo Sie dies tun möchten (Komponente, Service ...), wie Sie Ereignisse erfassen/auslösen usw.

+0

danke !! das sieht gut aus und nicht das selbe was ich gesehen habe, aber ähnlich, also das ist ordentlich. Würdest du mir bitte sagen, wenn das ... Operation? hat einen Namen ?? Ich habe gesehen, "REST api mit (angular2) zu konsumieren", aber ich bin mir nicht sicher, ob das stimmt/alles, was dazu gehört. –