Angular PrimeNG AvatarGroup
Angular PrimeNG是一个用于Angular应用程序的UI组件库。它为各种任务提供了许多预建的主题和UI组件,如输入、菜单、图表、按钮等。在这篇文章中,我们将看到Angular PrimeNG AvatarGroup。
AvatarGroup组件用于将头像分组。它为头像创建了一个容器,其显示属性被设置为flex,项目被排列在中心。
语法:
创建Angular应用程序并安装模块:
第1步:使用以下命令创建一个Angular应用程序。
第2步:创建你的项目文件夹即appname后,使用以下命令移动到它。
第3步:最后,在你给定的目录中安装PrimeNG。
项目结构:在完成上述步骤后,项目结构将看起来像这样。
Project Structure
例子1:在这个例子中,我们用头像组组件将三个图标头像组合在一起。
输出:
例子2:在这个例子中,我们用头像组将两个图像头像组合在一起。
输出: