アバターの aria-label を返します。
let ariaLabel = this.avatar.ariaLabel;アバターの背景色を設定します。
<igx-avatar bgColor="yellow"></igx-avatar>アバターの initials および icon 色を設定します。
<igx-avatar color="blue"></igx-avatar>アバターのクラスを返します。
let avatarCLass = this.avatar.cssClass;アバターに icon を設定します。マテリアル アイコン セットのすべてのアイコンがサポートされます。
<igx-avatar icon="phone"></igx-avatar>アバターの id を設定します。設定されない場合、最初のアバター コンポーネントの id は "igx-avatar-0" になります。
<igx-avatar id="my-first-avatar"></igx-avatar>これは DOM のアバターの image 要素への参照です。
let image = this.avatar.image;アバターに initials を設定します。
<igx-avatar initials="MN"></igx-avatar>アバターの role 属性を返します。
let avatarRole = this.avatar.role;アバターのタイプを返します。
アバターのタイプ説明は "initials type avatar"、"icon type avatar"、または "image type avatar" です。
let avatarDescription = this.avatar.roleDescription;roundShape が "true" の場合、アバターを丸形に設定します。
アバターの図形はデフォルトで四角です。
<igx-avatar roundShape = "true" ></igx-avatar>アバターの image ソースを設定します。
<igx-avatar src="images/picture.jpg"></igx-avatar>アバターのテンプレートを返します。
let template = this.avatar.template;アバターのタイプを返します。
let avatarType = this.avatar.type;image の URL を返します。
let imageSourceUrl = this.avatar.getSrcUrl();
Ignite UI for Angular Avatar - ヘルプ
Ignite UI Avatar はアプリケーションにアバター アイコンを追加するコンポーネントです。 アイコンは画像、イニシャル、または Google マテリアル アイコン セットのマテリアル アイコンが可能です。 例:
<igx-avatar initials="MS" roundShape="true" size="large"> </igx-avatar>