我使用离子v7
与Angular和我不能使用LoadingController
提供的backdropDismiss
属性。我已经测试了浏览器上的行为,Android和iOS和错误行为只存在于iOS。LoadingController
被注入到服务中并从服务中消耗。下面是一个最小的代码:
import { inject, Injectable } from '@angular/core';
import { LoadingController } from '@ionic/angular';
@Injectable()
export class MyTestService {
private readonly loadingController = inject(LoadingController);
showLoading(): void {
const loadingController = this.loadingController.create({
message: 'loading',
spinner: 'dots',
showBackdrop: true,
backdropDismiss: true,
}).then((element) => void element.present());
}
}
字符串
我怎样才能实现默认的ionic背景行为,就像它在android和web中一样?我已经尝试过为ion-loading
设置一个自定义css类,因为它是作为较低版本ionic的解决方案提供的,但是它没有帮助。components.scss:
个
ion-loading.backdrop-workaround {
--height: auto;
}
型
然后将自定义类添加到我的加载示例中:
const loadingController = this.loadingController.create({
message: 'loading',
spinner: 'dots',
showBackdrop: true,
backdropDismiss: true,
cssClass: 'backdrop-workaround', // did not help for iOS
});
型
1条答案
按热度按时间scyqe7ek1#
这个问题与
LoadingController
有关。当我切换到inline方法时,background工作了。样本可从文档中获取:
字符串