为什么Angular 6不';是否不发送HTTP Get/Post请求?
我在Angular 6有以下服务:为什么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<
@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()