Angular MdDialogRef.close不';当从回调调用时,t关闭对话框fn
我遵循了官方的说法,即如果对话框组件本身必须关闭,我们需要如下注入MdDialogRef引用,然后关闭事件Angular MdDialogRef.close不';当从回调调用时,t关闭对话框fn,angular,firebase-authentication,material-design,mddialog,Angular,Firebase Authentication,Material Design,Mddialog,我遵循了官方的说法,即如果对话框组件本身必须关闭,我们需要如下注入MdDialogRef引用,然后关闭事件 export class LoginDialogComponent { constructor(public dialogRef: MdDialogRef<LoginDialogComponent>, @Inject(MD_DIALOG_DATA) public data: any, public afAuth: AngularFireAuth, private
export class LoginDialogComponent {
constructor(public dialogRef: MdDialogRef<LoginDialogComponent>,
@Inject(MD_DIALOG_DATA) public data: any, public afAuth: AngularFireAuth, private router: Router) {
}
closeDialog(): void {
this.dialogRef.close();
}
signInWithGoogle() {
const self = this;
this.afAuth.auth
.signInWithPopup(new firebase.auth.GoogleAuthProvider())
.then(res => {
self.closeDialog();
});
}
}
导出类LoginDialogComponent{
构造函数(公共dialogRef:MdDialogRef,
@注入(MD_对话框_数据)公共数据:任意,公共afAuth:AngularFireAuth,私有路由器:路由器){
}
closeDialog():void{
this.dialogRef.close();
}
使用Google()登录{
const self=这个;
this.afAuth.auth
.signInWithPopup(新的firebase.auth.GoogleAuthProvider())
。然后(res=>{
self.closeDialog();
});
}
}
当GoogleOAuth成功响应时,我看到closeDialog()被调用。但是,对话框没有关闭。[作为setTimeOut/UserAction的一部分关闭对话框没有任何问题]不确定它是否相关,但有相同的问题,我跟踪到这样一个事实:我的对话框中有一个表单,我在输入中使用ngModel进行双绑定,但绑定到的对象未定义 下面,如果该输入在对话框中,如果未定义
data.media.i18n.en.title
,则控制台中不会出现异常,mdDialog也不会关闭
<input id="title" name="title" [(ngModel)]="data.media.i18n.en.title">
您可以在此处进行测试:
那个plnkr失败了。如果要更正,请在打开对话框之前定义animal.name
此外,当它失败时,您可以看到对话框上没有动画
不确定这是您的情况,因为您没有发布太多的代码。不确定它是否相关,但有相同的问题,我跟踪到这样一个事实:我的对话框中有一个表单,我在输入中使用ngModel进行双重绑定,但绑定到的对象未定义 下面,如果该输入在对话框中,如果未定义
data.media.i18n.en.title
,则控制台中不会出现异常,mdDialog也不会关闭
<input id="title" name="title" [(ngModel)]="data.media.i18n.en.title">
您可以在此处进行测试:
那个plnkr失败了。如果要更正,请在打开对话框之前定义animal.name
此外,当它失败时,您可以看到对话框上没有动画
不确定这是您的情况,因为您没有发布太多代码。我的是另一个,我正在尝试关闭“关于回调事件”对话框。如前所述,我在打开/关闭用户输入操作时没有问题。我的是另一个问题,我正在尝试关闭“关于回调事件”的对话框。如前所述,我在打开/关闭用户输入操作时没有问题。