CODEWITHSUNDEEP
angulartypescript
Sergio Lopez
Sergio Lopez

Reputation: 59

Angular 5 persistence of value

if (form.Id_Product.id == undefined) {
    product.NameProduct = form.Id_Product;
    this.serviceproduct.postProduct(product).subscribe((result: Product) => {
        form.Id_Product = result;
        product = form.Id_Product;
        detailproduct.Id_Product = form.Id_Product.id;
    });

    // Here the value no longer comes out, as I do for
    // the value continues to persist
    console.log(detailproduct.Id_Product);
}

How can I make the value that my service returns to me persist in all my method, detailproduct.Id_Product = form.Id_Product.id, the value assigned to it only persists within that context, but if I call outside it comes out undefined.

Upvotes: 1

Views: 347

Answers (2)

faizan baig
faizan baig

Reputation: 1303

create variable at the beginning of your component class and using this update your variable inside your function

for example -

test: string;

ngOnInit() {
   this.test = 'new value';
}

Another case for you that can be your subscribe gets the value after your console.log statement gets printed as it is async behaviour. So your value is initialised but not logged.

Upvotes: 0

Oscar Paz
Oscar Paz

Reputation: 18302

Well, this.serviceProduct.postProduct is surely an asynchronous operation that returns an Observable. When your console.log executes, the call to subscribe has not executed yet, so of course you don't get the value.

If you want to wait for that value to be available you must make sure all that code is executed from inside the call to subscribe.

Upvotes: 1

Related Questions