Observable with an http.get inside
Multi tool use
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
1
I'm starting with angular.
I'm trying to create an Observable to load and put in cache data.
I whant to subscribe this observable from the HomeComponent off my app, and when the observable ping it because it's finish, I will appear buttons
But, I have a problem
I have a http.get to get the data from function : charger_data()
Then if I succeed to have the data, I will transform it and put it in cache
I whant my main function : charger_data_et_cache() return an observable
I don't manage to do that, could you help me please !!! ?
Thanks
public charger_data_et_cache(force:boolean) : Observable<boolean>{
this.charger_data().subscribe(
(value) => {
console.log('Observable change ! => ' + value);
charger_cache(value);
},
(error)=> {
console.log('Observable error!');
},
() => {
console.log('Observable complete!');
}
)
return Observable.create( observer => {
});
}
public charger_data():Observable<string>{
return this.http.get('/assets/txt/mystere.txt',{responseType: 'text'}).pipe(
map(data => {
return data;
}),catchError( error => {
return throwError( 'error : ' + error )
})
);
}
public charger_cache(data:string){
//do stuff
}javascript
angular observable asked Nov 16 '18 at 14:32
frixofrixo
212
|
show 1 more comment
1
I'm starting with angular.
I'm trying to create an Observable to load and put in cache data.
I whant to subscribe this observable from the HomeComponent off my app, and when the observable ping it because it's finish, I will appear buttons
But, I have a problem
I have a http.get to get the data from function : charger_data()
Then if I succeed to have the data, I will transform it and put it in cache
I whant my main function : charger_data_et_cache() return an observable
I don't manage to do that, could you help me please !!! ?
Thanks
public charger_data_et_cache(force:boolean) : Observable<boolean>{
this.charger_data().subscribe(
(value) => {
console.log('Observable change ! => ' + value);
charger_cache(value);
},
(error)=> {
console.log('Observable error!');
},
() => {
console.log('Observable complete!');
}
)
return Observable.create( observer => {
});
}
public charger_data():Observable<string>{
return this.http.get('/assets/txt/mystere.txt',{responseType: 'text'}).pipe(
map(data => {
return data;
}),catchError( error => {
return throwError( 'error : ' + error )
})
);
}
public charger_cache(data:string){
//do stuff
}javascript
angular observable asked Nov 16 '18 at 14:32
frixofrixo
212
when you want to return observable ?
– Artyom Amiryan
Nov 16 '18 at 15:19
and what angular version are you using ?
– Artyom Amiryan
Nov 16 '18 at 15:20
I'm using angular 7
– frixo
Nov 17 '18 at 20:47
Yes I whant to return an observable
– frixo
Nov 17 '18 at 20:47
I could subscribe the observable from the homeComponent
– frixo
Nov 17 '18 at 20:48
|
show 1 more comment
1
1
1
I'm starting with angular.
I'm trying to create an Observable to load and put in cache data.
I whant to subscribe this observable from the HomeComponent off my app, and when the observable ping it because it's finish, I will appear buttons
But, I have a problem
I have a http.get to get the data from function : charger_data()
Then if I succeed to have the data, I will transform it and put it in cache
I whant my main function : charger_data_et_cache() return an observable
I don't manage to do that, could you help me please !!! ?
Thanks
public charger_data_et_cache(force:boolean) : Observable<boolean>{
this.charger_data().subscribe(
(value) => {
console.log('Observable change ! => ' + value);
charger_cache(value);
},
(error)=> {
console.log('Observable error!');
},
() => {
console.log('Observable complete!');
}
)
return Observable.create( observer => {
});
}
public charger_data():Observable<string>{
return this.http.get('/assets/txt/mystere.txt',{responseType: 'text'}).pipe(
map(data => {
return data;
}),catchError( error => {
return throwError( 'error : ' + error )
})
);
}
public charger_cache(data:string){
//do stuff
}javascript
angular observable asked Nov 16 '18 at 14:32
frixofrixo
212
I'm starting with angular.
I'm trying to create an Observable to load and put in cache data.
I whant to subscribe this observable from the HomeComponent off my app, and when the observable ping it because it's finish, I will appear buttons
But, I have a problem
I have a http.get to get the data from function : charger_data()
Then if I succeed to have the data, I will transform it and put it in cache
I whant my main function : charger_data_et_cache() return an observable
I don't manage to do that, could you help me please !!! ?
Thanks
public charger_data_et_cache(force:boolean) : Observable<boolean>{
this.charger_data().subscribe(
(value) => {
console.log('Observable change ! => ' + value);
charger_cache(value);
},
(error)=> {
console.log('Observable error!');
},
() => {
console.log('Observable complete!');
}
)
return Observable.create( observer => {
});
}
public charger_data():Observable<string>{
return this.http.get('/assets/txt/mystere.txt',{responseType: 'text'}).pipe(
map(data => {
return data;
}),catchError( error => {
return throwError( 'error : ' + error )
})
);
}
public charger_cache(data:string){
//do stuff
} public charger_data_et_cache(force:boolean) : Observable<boolean>{
this.charger_data().subscribe(
(value) => {
console.log('Observable change ! => ' + value);
charger_cache(value);
},
(error)=> {
console.log('Observable error!');
},
() => {
console.log('Observable complete!');
}
)
return Observable.create( observer => {
});
}
public charger_data():Observable<string>{
return this.http.get('/assets/txt/mystere.txt',{responseType: 'text'}).pipe(
map(data => {
return data;
}),catchError( error => {
return throwError( 'error : ' + error )
})
);
}
public charger_cache(data:string){
//do stuff
} public charger_data_et_cache(force:boolean) : Observable<boolean>{
this.charger_data().subscribe(
(value) => {
console.log('Observable change ! => ' + value);
charger_cache(value);
},
(error)=> {
console.log('Observable error!');
},
() => {
console.log('Observable complete!');
}
)
return Observable.create( observer => {
});
}
public charger_data():Observable<string>{
return this.http.get('/assets/txt/mystere.txt',{responseType: 'text'}).pipe(
map(data => {
return data;
}),catchError( error => {
return throwError( 'error : ' + error )
})
);
}
public charger_cache(data:string){
//do stuff
}javascript
angular observable javascript
angular observable asked Nov 16 '18 at 14:32
frixofrixo
212
asked Nov 16 '18 at 14:32
frixofrixo
212
asked Nov 16 '18 at 14:32
frixofrixo
212
asked Nov 16 '18 at 14:32
frixofrixo
212
asked Nov 16 '18 at 14:32
frixofrixo
212
212
when you want to return observable ?
– Artyom Amiryan
Nov 16 '18 at 15:19
and what angular version are you using ?
– Artyom Amiryan
Nov 16 '18 at 15:20
I'm using angular 7
– frixo
Nov 17 '18 at 20:47
Yes I whant to return an observable
– frixo
Nov 17 '18 at 20:47
I could subscribe the observable from the homeComponent
– frixo
Nov 17 '18 at 20:48
|
show 1 more comment
when you want to return observable ?
– Artyom Amiryan
Nov 16 '18 at 15:19
and what angular version are you using ?
– Artyom Amiryan
Nov 16 '18 at 15:20
I'm using angular 7
– frixo
Nov 17 '18 at 20:47
Yes I whant to return an observable
– frixo
Nov 17 '18 at 20:47
I could subscribe the observable from the homeComponent
– frixo
Nov 17 '18 at 20:48
when you want to return observable ?
– Artyom Amiryan
Nov 16 '18 at 15:19
when you want to return observable ?
– Artyom Amiryan
Nov 16 '18 at 15:19
and what angular version are you using ?
– Artyom Amiryan
Nov 16 '18 at 15:20
and what angular version are you using ?
– Artyom Amiryan
Nov 16 '18 at 15:20
I'm using angular 7
– frixo
Nov 17 '18 at 20:47
I'm using angular 7
– frixo
Nov 17 '18 at 20:47
Yes I whant to return an observable
– frixo
Nov 17 '18 at 20:47
Yes I whant to return an observable
– frixo
Nov 17 '18 at 20:47
I could subscribe the observable from the homeComponent
– frixo
Nov 17 '18 at 20:48
I could subscribe the observable from the homeComponent
– frixo
Nov 17 '18 at 20:48
|
show 1 more comment
1 Answer
1
active
oldest
votes
0
I have found !
public charger_data_et_cache(force:boolean) : Observable<boolean>{
if(force == false && MystereService.mystere_charge){
return Observable.create((observer) => observer.complete());
}
return this.charger_data(force).pipe(map(data => {
this.charger_cache(data);
console.log('charger_cache ok');
return true;
}),catchError( error => {
return throwError( 'error' )
}));
}
answered Nov 22 '18 at 9:57
frixofrixo
212
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
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%2f53339850%2fobservable-with-an-http-get-inside%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
I have found !
public charger_data_et_cache(force:boolean) : Observable<boolean>{
if(force == false && MystereService.mystere_charge){
return Observable.create((observer) => observer.complete());
}
return this.charger_data(force).pipe(map(data => {
this.charger_cache(data);
console.log('charger_cache ok');
return true;
}),catchError( error => {
return throwError( 'error' )
}));
}
answered Nov 22 '18 at 9:57
frixofrixo
212
add a comment |
0
I have found !
public charger_data_et_cache(force:boolean) : Observable<boolean>{
if(force == false && MystereService.mystere_charge){
return Observable.create((observer) => observer.complete());
}
return this.charger_data(force).pipe(map(data => {
this.charger_cache(data);
console.log('charger_cache ok');
return true;
}),catchError( error => {
return throwError( 'error' )
}));
}
answered Nov 22 '18 at 9:57
frixofrixo
212
add a comment |
0
0
0
I have found !
public charger_data_et_cache(force:boolean) : Observable<boolean>{
if(force == false && MystereService.mystere_charge){
return Observable.create((observer) => observer.complete());
}
return this.charger_data(force).pipe(map(data => {
this.charger_cache(data);
console.log('charger_cache ok');
return true;
}),catchError( error => {
return throwError( 'error' )
}));
}
answered Nov 22 '18 at 9:57
frixofrixo
212
I have found !
public charger_data_et_cache(force:boolean) : Observable<boolean>{
if(force == false && MystereService.mystere_charge){
return Observable.create((observer) => observer.complete());
}
return this.charger_data(force).pipe(map(data => {
this.charger_cache(data);
console.log('charger_cache ok');
return true;
}),catchError( error => {
return throwError( 'error' )
}));
}
answered Nov 22 '18 at 9:57
frixofrixo
212
answered Nov 22 '18 at 9:57
frixofrixo
212
answered Nov 22 '18 at 9:57
frixofrixo
212
answered Nov 22 '18 at 9:57
frixofrixo
212
212
add a comment |
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
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%2f53339850%2fobservable-with-an-http-get-inside%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
Uv2fh6 nrzIKT BQqDzcPo,b4C05h93czr1pkd,NsOY4ptc,lgsn3vMCmvAgq NreUVLkT3P s,58oGekck7k xznKUchVOAb
when you want to return observable ?
– Artyom Amiryan
Nov 16 '18 at 15:19
and what angular version are you using ?
– Artyom Amiryan
Nov 16 '18 at 15:20
I'm using angular 7
– frixo
Nov 17 '18 at 20:47
Yes I whant to return an observable
– frixo
Nov 17 '18 at 20:47
I could subscribe the observable from the homeComponent
– frixo
Nov 17 '18 at 20:48