アバターの aria-label
属性を返します。
let ariaLabel = this.avatar.ariaLabel;
アバターの背景色を設定します。
<igx-avatar bgColor="yellow"></igx-avatar>
背景色
アバターの initials および icon 色を設定します。
<igx-avatar color="blue"></igx-avatar>
アバターに icon を設定します。マテリアル アイコン セットのすべてのアイコンがサポートされます。
<igx-avatar icon="phone"></igx-avatar>
アバターの id
設定します。設定されない場合、最初のアバター コンポーネントの id
は = "igx-avatar-0"
になります。
<igx-avatar id="my-first-avatar"></igx-avatar>
アバターに initials を設定します。
<igx-avatar initials="MN"></igx-avatar>
アバターの role
属性を返します。
let avatarRole = this.avatar.role;
アバターのタイプを返します。 アバターのタイプは:
"initials タイプのアバター"
"icon タイプのアバター"
"image タイプのアバター"
です。"custom タイプのアバター"
です。let avatarDescription = this.avatar.roleDescription;
アバターの形状を square、rounded、または circular に設定します。 デフォルトでは、アバターの形状は square です。
<igx-avatar shape="rounded"></igx-avatar>
アバターの画像ソースを設定します。
<igx-avatar src="images/picture.jpg"></igx-avatar>
画像 URL
アバターの size を返します。
let avatarSize = this.avatar.size;
アバターの size を設定します。
デフォルトで size が "small"
です。"medium" または "large" に設定できます。
<igx-avatar size="large"></igx-avatar>
アバターのタイプを返します。
let avatarType = this.avatar.type;
アバターは、画像、アイコン、またはイニシャルを表示する方法を提供します。
Igx Module
IgxAvatarModule
Igx Theme
igx-avatar-theme, igx-icon-theme
Igx Keywords
avatar, profile, picture, initials
Igx Group
レイアウト
Remarks
Ignite UI Avatar はアプリケーションにアバター アイコンを追加するコンポーネントです。 アイコンは画像、イニシャル、または Google マテリアル アイコン セットのマテリアル アイコンが可能です。
Example