docs(avatar): update angular usage for img src (#16884)

This commit is contained in:
Jaydeep Kataria
2019-02-13 02:43:25 +05:30
committed by Brandy Carney
parent 29f1500e5a
commit 370da9d939
2 changed files with 4 additions and 27 deletions

View File

@ -10,30 +10,7 @@ Avatars can be used by themselves or inside of any element. If placed inside of
## Usage
### Angular
```html
<ion-avatar>
<img [src]="user.img">
</ion-avatar>
<ion-chip>
<ion-avatar>
<img [src]="user.img">
</ion-avatar>
<ion-label>Chip Avatar</ion-label>
</ion-chip>
<ion-item>
<ion-avatar slot="start">
<img [src]="user.img">
</ion-avatar>
<ion-label>Item Avatar</ion-label>
</ion-item>
```
### Javascript
### Angular / javascript
```html
<ion-avatar>

View File

@ -1,18 +1,18 @@
```html
<ion-avatar>
<img [src]="user.img">
<img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y">
</ion-avatar>
<ion-chip>
<ion-avatar>
<img [src]="user.img">
<img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y">
</ion-avatar>
<ion-label>Chip Avatar</ion-label>
</ion-chip>
<ion-item>
<ion-avatar slot="start">
<img [src]="user.img">
<img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y">
</ion-avatar>
<ion-label>Item Avatar</ion-label>
</ion-item>