javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 03:00:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

25
core/src/components/avatar/readme.md
View File

@ -10,30 +10,7 @@ Avatars can be used by themselves or inside of any element. If placed inside of
## Usage ## Usage
### Angular ### Angular / javascript
```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
```html ```html
<ion-avatar> <ion-avatar>

6
core/src/components/avatar/usage/angular.md
View File

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