Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
为什么Angular 6不';是否不发送HTTP Get/Post请求?_Angular_Typescript_Httpclient_Angular6 - Fatal编程技术网

为什么Angular 6不';是否不发送HTTP Get/Post请求?

为什么Angular 6不';是否不发送HTTP Get/Post请求?,angular,typescript,httpclient,angular6,Angular,Typescript,Httpclient,Angular6,我在Angular 6有以下服务: @Injectable() export class LoginService { constructor(private http: HttpClient) { } login(): Observable<boolean> { var url = `${environment.baseAPIUrl}${environment.loginUrl}`; return this.http.get<

我在Angular 6有以下服务:

@Injectable()
export class LoginService {
    constructor(private http: HttpClient) { }

    login(): Observable<boolean> {
        var url = `${environment.baseAPIUrl}${environment.loginUrl}`;

        return this.http.get<boolean>(url);
    }
}
为什么它不发送我的请求


Http调用直到它被订阅到返回的observable之后才会进行

@Component({
selector: 'bpms-login',
templateUrl: './login.component.html',
styleUrls: ['./login.component.scss']
})
export class LoginComponent implements OnInit {

constructor(private loginService: LoginService) { }

ngOnInit() {
}

login() {
    var self = this;
    self.loginService.login().subscribe();
 }
}

Http调用直到它被订阅到返回的observable之后才会进行

@Component({
selector: 'bpms-login',
templateUrl: './login.component.html',
styleUrls: ['./login.component.scss']
})
export class LoginComponent implements OnInit {

constructor(private loginService: LoginService) { }

ngOnInit() {
}

login() {
    var self = this;
    self.loginService.login().subscribe();
 }
}

Observable
在您订阅之前不会被调用
Http
API方法返回
Observable
,仅通过调用Observable将不会进行API调用

self.loginService.login().subscribe(
  (data) => console.log('Logged in successfully')
);

Observable
在您订阅之前不会被调用
Http
API方法返回
Observable
,仅通过调用Observable将不会进行API调用

self.loginService.login().subscribe(
  (data) => console.log('Logged in successfully')
);

你应该调用你的
login()
函数,例如在
ngOnInit()
或表单提交事件中,确保你调用了它

并更新您的
login()
函数,如下代码所示:

login() {
    this.loginService.login()
        .subscribe((res) => console.log('login() response!'));
 }

你应该调用你的
login()
函数,例如在
ngOnInit()
或表单提交事件中,确保你调用了它

并更新您的
login()
函数,如下代码所示:

login() {
    this.loginService.login()
        .subscribe((res) => console.log('login() response!'));
 }

如果您的返回类型是可观察的,您需要订阅它,以便在它准备好后获得响应

@Component({
selector: 'bpms-login',
templateUrl: './login.component.html',
styleUrls: ['./login.component.scss']
})
export class LoginComponent implements OnInit {

constructor(private loginService: LoginService) { }

ngOnInit() {
}

login() {
    var self = this;
    self.loginService.login().subscribe();
 }
}

如果您的返回类型是可观察的,您需要订阅它,以便在它准备好后获得响应

@Component({
selector: 'bpms-login',
templateUrl: './login.component.html',
styleUrls: ['./login.component.scss']
})
export class LoginComponent implements OnInit {

constructor(private loginService: LoginService) { }

ngOnInit() {
}

login() {
    var self = this;
    self.loginService.login().subscribe();
 }
}
你必须订阅。。应该是
self.loginService.login().subscribe()
您必须订阅。。它应该是self.loginService.login().subscribe()