Cancel previous backend request if a new one is created
up vote
0
down vote
favorite
I need to create an Angular component to allow the user to select a city with a type suggestion.
When the user has typed three or more characters, the frontend asks the backend for a list of cities whose names begin with the user input.
After that I pass to the mat-option component an Observable of the list of the cities
searchCities = (value: string): Observable<City> => {
if(value.length >= this.minCityNameLength){
return this.detailsITService.fetchCitiesByName(value);
}
return of();
};
Is there a way to "cancel" a request if the method searchCities (passed as an input parameter to my custom component) is called with new user input?
typescript rxjs observable angular6
edited 4 hours ago
jonrsharpe
75.9k1097203
asked 4 hours ago
Mx Dep
1
New contributor
Mx Dep is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
up vote
0
down vote
favorite
I need to create an Angular component to allow the user to select a city with a type suggestion.
When the user has typed three or more characters, the frontend asks the backend for a list of cities whose names begin with the user input.
After that I pass to the mat-option component an Observable of the list of the cities
searchCities = (value: string): Observable<City> => {
if(value.length >= this.minCityNameLength){
return this.detailsITService.fetchCitiesByName(value);
}
return of();
};
Is there a way to "cancel" a request if the method searchCities (passed as an input parameter to my custom component) is called with new user input?
typescript rxjs observable angular6
edited 4 hours ago
jonrsharpe
75.9k1097203
asked 4 hours ago
Mx Dep
1
New contributor
Mx Dep is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
learnrxjs.io/operators/transformation/switchmap.html
– jonrsharpe
4 hours ago
I dont think that you can cancel request once its made, but you can use buffer() and filter to combine and reduce overhead of calls. You can buffer to hold the network call until some point, and filter to make sure inputs are validated
– Talha
4 hours ago
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I need to create an Angular component to allow the user to select a city with a type suggestion.
When the user has typed three or more characters, the frontend asks the backend for a list of cities whose names begin with the user input.
After that I pass to the mat-option component an Observable of the list of the cities
searchCities = (value: string): Observable<City> => {
if(value.length >= this.minCityNameLength){
return this.detailsITService.fetchCitiesByName(value);
}
return of();
};
Is there a way to "cancel" a request if the method searchCities (passed as an input parameter to my custom component) is called with new user input?
typescript rxjs observable angular6
edited 4 hours ago
jonrsharpe
75.9k1097203
asked 4 hours ago
Mx Dep
1
New contributor
Mx Dep is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
I need to create an Angular component to allow the user to select a city with a type suggestion.
When the user has typed three or more characters, the frontend asks the backend for a list of cities whose names begin with the user input.
After that I pass to the mat-option component an Observable of the list of the cities
searchCities = (value: string): Observable<City> => {
if(value.length >= this.minCityNameLength){
return this.detailsITService.fetchCitiesByName(value);
}
return of();
};
Is there a way to "cancel" a request if the method searchCities (passed as an input parameter to my custom component) is called with new user input?
typescript rxjs observable angular6
typescript rxjs observable angular6
edited 4 hours ago
jonrsharpe
75.9k1097203
asked 4 hours ago
Mx Dep
1
New contributor
Mx Dep is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
edited 4 hours ago
jonrsharpe
75.9k1097203
asked 4 hours ago
Mx Dep
1
New contributor
Mx Dep is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
edited 4 hours ago
jonrsharpe
75.9k1097203
edited 4 hours ago
jonrsharpe
75.9k1097203
edited 4 hours ago
jonrsharpe
75.9k1097203
75.9k1097203
asked 4 hours ago
Mx Dep
1
New contributor
Mx Dep is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
asked 4 hours ago
Mx Dep
1
asked 4 hours ago
Mx Dep
1
1
New contributor
Mx Dep is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
Mx Dep is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
Mx Dep is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
learnrxjs.io/operators/transformation/switchmap.html
– jonrsharpe
4 hours ago
I dont think that you can cancel request once its made, but you can use buffer() and filter to combine and reduce overhead of calls. You can buffer to hold the network call until some point, and filter to make sure inputs are validated
– Talha
4 hours ago
add a comment |
learnrxjs.io/operators/transformation/switchmap.html
– jonrsharpe
4 hours ago
I dont think that you can cancel request once its made, but you can use buffer() and filter to combine and reduce overhead of calls. You can buffer to hold the network call until some point, and filter to make sure inputs are validated
– Talha
4 hours ago
learnrxjs.io/operators/transformation/switchmap.html
– jonrsharpe
4 hours ago
learnrxjs.io/operators/transformation/switchmap.html
– jonrsharpe
4 hours ago
I dont think that you can cancel request once its made, but you can use buffer() and filter to combine and reduce overhead of calls. You can buffer to hold the network call until some point, and filter to make sure inputs are validated
– Talha
4 hours ago
I dont think that you can cancel request once its made, but you can use buffer() and filter to combine and reduce overhead of calls. You can buffer to hold the network call until some point, and filter to make sure inputs are validated
– Talha
4 hours ago
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Mx Dep is a new contributor. Be nice, and check out our Code of Conduct.
Mx Dep is a new contributor. Be nice, and check out our Code of Conduct.
Mx Dep is a new contributor. Be nice, and check out our Code of Conduct.
Mx Dep is a new contributor. Be nice, and check out our Code of Conduct.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53349374%2fcancel-previous-backend-request-if-a-new-one-is-created%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
learnrxjs.io/operators/transformation/switchmap.html
– jonrsharpe
4 hours ago
I dont think that you can cancel request once its made, but you can use buffer() and filter to combine and reduce overhead of calls. You can buffer to hold the network call until some point, and filter to make sure inputs are validated
– Talha
4 hours ago