要更改Angular Material Snackbar的位置,您可以使用SnackbarConfig对象中的position属性。以下是一个示例代码,演示如何将Snackbar位置更改为“top”:
import { MatSnackBarModule, MatSnackBarConfig } from '@angular/material';
export class MyComponent {
constructor(private snackBar: MatSnackBar) {}
openSnackBar() {
const config = new MatSnackBarConfig();
config.verticalPosition = 'top';
this.snackBar.open('This is a snackbar', 'Close', config);
}
}
在这个示例中,当用户点击“Open Snackbar”按钮时,将打开一个Snackbar,并将其位置设置为“top”。
您可以根据需要更改位置属性,可用的选项包括:'top','bottom','center','start'和'end'。