{{ product() }}
`\n})\nexport class TestComponent {\n productService = inject(ProductService);\n productId = signal(1);\n\n product = computedAsync(() => this.productService.getAsyncProduct(this.productId()));\n}\n```\n\n`computedAsync` allows you to get a computed `Signal` from async content.\n\nThe content can either return a `Promise`\nand rxjs `Observable` or a synchronous value.\n\n``` typescript\nimport { computedAsync } from '@appstrophe/ngx-computeasync'\n\nnumberSignal = signal(1);\n\n// from Observable\nfunction double$ = (value: number) => of(value).pipe(delay(500), map(value => value * 2));\ncomputedFromObservable = computedAsync(() => double$(this.numberSignal()));\n\n// from Promise\nfunction asyncDouble = (value: number) => new Promise(resolve => setTimeout(() => value * 2, 500));\ncomputedFromPromise = computedAsync(() => asyncDouble(this.numberSignal()));\n\n// or synchronous\nfunction double = (value: number) => value * 2;\ncomputedNumber = computedAsync(() => double(this.numberSignal()));\n```\n\n### Initial value\n\nFor async function, you can set a default value that will be immediately returned before the async value to be pushed.\n\n``` typescript\nimport { computedAsync } from '@appstrophe/ngx-computeasync'\n\nproductId = signal(1);\n\nfunction product$ = (productId: number) => this.http.get