java - 如何使用 java Rest 服务捕获 Angular 2 项目中的 javascript 事件

Question

我再次为缺乏适当的词汇而道歉。

我的情况如下:我有一个网页(网络应用程序？)，我正在使用 angular2 构建。在那里，我有一个 javascript 函数，可以为我提供一个漂亮的日历。前端的东西。

然后，我正在使用 Java 做一个 REST 服务，它将接收日历中选择的日期，并对其进行操作。

现在，我不确定我是否错过了这两件事之间的一步。我想知道 Web 应用程序将信息发送到其余服务时会发生什么(它将部署在 tomcat 上，这是值得的)。

到目前为止，我被告知类似这样的事情就可以完成这项工作:

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

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

但我不明白它是如何工作的，我是否错过了额外的步骤，或者这就足够了？

我对这个过程的理解如下:在日历上选择一个日期会触发一个事件，它被捕获(使用 angular2 代码)，发送(如何？)到其余服务，然后进行处理。

还有其他步骤吗？我可能缺少的概念？如果我能得到一些指导，即使是在纯粹的理论层面上，我觉得这会对我有很大帮助。提前致谢。

编辑:日历代码:

function myCalendar(){
  $('.datepicker').pickadate({
    formatSubmit: 'yyyy-mm-dd',
        selectMonths: true, // Creates a dropdown to control month
        selectYears: 15 // Creates a dropdown of 15 years to control year
        });
}

Answer 1

像这样的事情会做你所描述的事情:

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));
  }
}

请注意，这不是真正的代码，只是一个原则。您必须决定要在哪里执行此操作(组件、服务...)、如何捕获/触发事件等。