如何从JS文件访问服务功能

时间:2020-07-16 02:31:27

标签: angular ionic4 angular-services

我正在将Ionic 4与Angular一起使用,并且正在使用位于/assets中的外部JS文件来验证和提交表单。 我的问题是,是否有可能从JS文件访问服务,以便执行http发布请求以提交表单?

我已经尝试了两种方法:

var backendService = require('../app/services/backend-service.service') import * as backendService from '../app/services/backend-service.service'

然后从JS函数中调用服务函数,如下所示:

 function sdkResponseHandler(status, response) {
        if (status != 200 && status != 201) {
            console.log(status, response)
            alert("verify filled data");
        }else{
            console.log(status, response)
            var form = document.querySelector('#pay');
            var card = document.createElement('input');
            card.setAttribute('name', 'token');
            card.setAttribute('type', 'hidden');
            card.setAttribute('value', response.id);
            form.appendChild(card);
            doSubmit=true;
            console.log(form.description.value)
            //form.submit();
            backendService.submitForm(form)
            //console.log(backendService)
        }

第一次尝试返回给我未定义的信息, 第二个是编译错误。

服务:

   export class BackendServiceService {

  constructor(private http: HttpClient) { }

  submitForm(form){
    console.log(form)
    
    return this.http.post('http://localhost:8000', form )
  }
}

我真的很感谢任何指导 谢谢!

0 个答案:

没有答案