Может ли ресурс или Rxresource инициализировать функцию или активировать через кнопку нажатие ⇐ Html

[Anonymous]

Я попытался инициализировать свой сигнал через кнопку нажатия, но я получаю ошибку: < /p>

Ошибка Runtimeerror: ng0203: rxresource () может использоваться только В контексте инъекции, таком как конструктор, заводская функция, инициализатор поля или функция, используемая с runinincectoncontext. Найдите больше по адресу https://angular.dev/errors/ng0203at assertininectioncontext (core.mjs: 2479: 11) на rxresource (rxjs-interop.mjs: 326: 21) у _App.getUsers (main.ts: 36: 21) at app_template_button_click_1_listener (main.ts: 25: 22) в executeListenerWitherRorHandling (core.mjs: 29249: 12) на wroodlistenerin_markdirtyandpreventdefault (core.mjs: 29281: 18) в htmlbuttonelement. (Platform-browser.mjs: 806: 112) at _zonedelegate.invoketask (Zone.js: 402: 33) на core.mjs: 6164: 49at asyncstacktaggingzonespec.oninvoketas /> < /blockquote>
ниже минимальный Воспроизводимый код: < /p>
html: < /h3>

Код: Выделить всё

@if(rxResource) {
@if(![rs.Loading, rs.Reloading].includes(rxResource.status())) {
{{rxResource.value() | json}}
} @else{
Loading...
}
}
@if(resource) {
@if(![rs.Loading, rs.Reloading].includes(resource.status())) {
{{resource.value() | json}}
} @else{
Loading...
}
}
Get Users
Reset
< /code>
 ts: < /h3>
rs = ResourceStatus;
http = inject(HttpClient);
resource!: ResourceRef;
rxResource!: ResourceRef;

getUsers() {
this.rxResource = rxResource({
loader: () => {
return this.http
.get(`https://jsonplaceholder.typicode.com/todos`)
.pipe(map((data: any) => data.slice(0, 10)));
},
});
this.resource = resource({
loader: () => {
return fetch(`https://jsonplaceholder.typicode.com/todos/`)
.then((res: any) => res.json())
.then((res: any) => {
return res.slice(0, 10);
});
},
});
}

demo

Подробнее здесь: https://stackoverflow.com/questions/794 ... ed-through