現在Angular2とFirebaseを使ったアプリ開発を行っています。
ユーザー一覧の画面があるのですが、そこをngForを使って取得しています。
<ons-list-item class="list__item list__item--chevron" tappable *ngFor="let request of requests | async" (click)="pushToDetail(request)"> <ons-row> <ons-col width="20%"><img [src]="userProfileImg"></ons-col> <ons-col style="padding-left:20px;"> <p class="stars">★★★★★</p> <p class="name"><i class="fa fa-venus fa-fw" aria-hidden="true"></i>{{request.nickName}}</p> <p class="time"><i class="fa fa-clock-o fa-fw" aria-hidden="true"></i>{{request.startingTime | date:'MM'}}/{{request.startingTime | date:'dd'}}/{{request.startingTime | date:'hh:mm'}}</p> <p class="time label" style="background-color:#57c1ff;">{{request.serviceTime}}分</p> <p class="km">1.3km</p> </ons-col> </ons-row> </ons-list-item>
imageに関してはstorageにアクセスして取得しています。
getProfileImageUrl(userId: string) { const userStorageRef = firebase.storage().ref().child('images/users/' + userId + "_users.jpg"); userStorageRef.getDownloadURL().then(url => { this.userProfileImg = url }); }
ただ、これだと最後のユーザーの画像を取得してforで回すので正しくありません。どうやってfor文を使ってstorageにアクセスするのでしょうか?
上記のメソッドを使ってforで回すのはできなかったです。(Monacaが落ちます)
<ons-col width="20%"><img [src]="getProfileImageUrl(userId)"></ons-col>
どうぞよろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/12/26 16:10