要在Angular 7中使用ngIf和Materialize下拉菜单,你可以按照以下步骤进行操作:
npm install materialize-css@next
"styles": [
"./node_modules/materialize-css/dist/css/materialize.css",
"src/styles.css"
],
"scripts": [
"./node_modules/materialize-css/dist/js/materialize.js"
]
export class AppComponent {
isDropdownOpen = false;
toggleDropdown() {
this.isDropdownOpen = !this.isDropdownOpen;
}
}
这样,当你点击“Toggle Dropdown”按钮时,下拉菜单将根据isDropdownOpen变量的值进行显示或隐藏。
注意:在使用Materialize时,请确保在Angular 7项目中适当引入和使用Materialize的CSS和JavaScript组件,以便正确显示和使用所需的样式和功能。