EXCEPTION：评估＆＃34;点击＆＃34;仅在第一次点击后发生

Question

我正在做一个ionic2 http post服务。

使用＆＃34;（点击）＆＃34;功能，我的http帖子将被调用，一切都在第一次工作。当按下第二次按钮时会发生奇怪的事情。

弹出此错误：

所以我试着玩弄它。我在我的方法中添加了一个console.log，调用了click函数。

在第三次按下按钮等等，没有错误消息，我的http帖子也没有工作。只有我方法中的console.log在点击时打印。

这是我的HTML：

<button  class="button button-block" (click)="loginSuccess()" style="width:70%;">
 <strong>Log In</strong>
</button>

这是我的js：

loginSuccess() {
    console.log("Invoked Meod!");
    this.httpService.loginService("VariablesToThrowOver").subscribe(
    data => {this.httpService = data.results; console.log(data);},
    err => console.log(err),
    () => console.log('Invoked Login Service Complete'));
}

这是我的服务js：

loginService(httpService) {
  console.log("Service Function Variable: "+httpService);
  var body = 'username=' + "admin" + '&password=' + "admin" +'';
  var headers = new Headers();
  headers.append('Content-Type', 'application/x-www-form-urlencoded');
  var url = 'http://localhost/webservice/userrWS.asmx/login';
  return this.http.post(url,body, {headers: headers}).map(res => res.json());
}

我猜它与订阅服务有关。如果是这种情况，我如何关闭订阅以再次允许相同的请求？

Answer 1

你的代码有点奇怪，特别是在这一行：

this.httpService.loginService("VariablesToThrowOver").subscribe(
  data => {this.httpService = data.results; console.log(data);}, // <------

实际上，您尝试将接收到的数据设置为用于执行登录处理的服务变量本身。我非常确定对象loginService中没有data.results方法。因此，当您再次单击时，您将出现错误...

我会选择组件的另一个（和不同的）属性来存储此数据并将其显示在视图中。像这样：

this.httpService.loginService("VariablesToThrowOver").subscribe(
  data => {
    this.results = data.results; // <------
    console.log(data);
  },