本文整理匯總了TypeScript中ng2-materialize.MzModalService類的典型用法代碼示例。如果您正苦於以下問題:TypeScript MzModalService類的具體用法?TypeScript MzModalService怎麽用?TypeScript MzModalService使用的例子?那麽, 這裏精選的類代碼示例或許可以為您提供幫助。
在下文中一共展示了MzModalService類的3個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: onPasswordEditionFormSubmit
// Esta funcion es invocada cada vez que se hace clic en el boton de enviar
// del formulario de edicion de contraseĂąa
onPasswordEditionFormSubmit(): void {
// desplegamos el modal de progreso
let modal = this.modalManager.open(ProgressModalComponent)
// recuperamos los datos capturados en el formulario
let data = new FormData()
data.append('user_id', this.home.userID.toString())
data.append('password', this.passwordEditionForm.value.oldPassword)
data.append('new_password', this.passwordEditionForm.value.newPassword)
// los enviamos al servidor
this.server.update(
'change-password',
data,
(response: any) => {
// cerramos el modal
modal.instance.modalComponent.close()
// damos retroalimentacion al usuario del resultado de esta opreacion
this.toastManager.showText(
this.langManager.getServiceMessage(
'change-password',
response.meta.return_code
)
)
} // (response: Response)
) // this.server.update
} // onPasswordEditionFormSubmit()
示例2: onEditZoneButtonClick
// Esta funcion se invoca cuando el usuario hace clic en el boton para editar
// una zona existente
onEditZoneButtonClick(zone: any): void {
// invocamos el modal de editar informacion ce zona pasandole como
// argumentos los datos de la zona cuya informacion sera editada
this.modalManager.open(ZoneInfoModalComponent, {
zoneID: zone.id,
zoneName: zone.name,
companyName: zone.company_name,
address: zone.address
})
}
示例3: onNewZoneButtonClick
// Esta funcion se invoca cuando el usuario hace clic en el boton de agregar
// una zona nueva
onNewZoneButtonClick(): void {
// invocamos el modal de editar informacion de zona, pero sin pasarle
// ningun argumento para que se maneje como un formulario en blanco
this.modalManager.open(ZoneInfoModalComponent)
}