在Angular中,可以使用异步管道在一个Promise上挂起。以下是一个示例解决方法:
function myAsyncFunction(): Promise {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve('Async data');
}, 2000);
});
}
import { Component } from '@angular/core';
@Component({
selector: 'app-my-component',
template: `
{{ myAsyncFunction() | async }}
`
})
export class MyComponent {
myAsyncFunction() {
return myAsyncFunction();
}
}
在上面的示例中,myAsyncFunction
返回一个Promise对象,它会在2秒后解决为'Async data'。然后,我们在组件的模板中使用async
管道来挂起该Promise并在解决时显示其值。