首页 > 解决方案 > 按下按钮时动态增长一个div容器?

问题描述

我正在使用 Angular 6 和 Materialize 框架进行练习/培训的网站前端工作。我对这种类型的开发非常陌生。我喜欢在 Materialise 中使用卡片,并希望在卡片显示后在卡片上有一个按钮,可以将卡片放大到屏幕大小,以便更轻松地阅读所有信息。非常感谢您的帮助,谢谢!

标签: htmlcssangularmaterialize

解决方案


有几种方法可以实现这一点,一种方法是根据变量(在单击按钮时更改)对卡片应用不同的类,您可以使用 [class.big]="cardSize==='big'" 或[class.small]="cardSize==='small'"

请查看此工作示例,以便您更好地理解。

https://stackblitz.com/edit/angular-wa4yhh


推荐阅读