私はAngularJSに静的なドロップダウンを持っていて、Firebaseで動的にしたいです。

Question

私はイオンスクリプトを使用しています。AngularJS、Pohnegapが開発したアプリです。私が持っている一つの機能は、情報男性または女性を収集することである - 私は働き、あなたが女性や男性のどちらかを選択することができ、この静的なフォーム

<ion-item> 
<ion-label>Brand</ion-label> 
    <ion-select interface="popover"> 
    <ion-option value="heineken">Heineken</ion-option> 
    <ion-option value="carlsberg">Carlsberg</ion-option> 
    </ion-select> 
</ion-item> 

をした、私はから選択するようにデータを引っ張ってこれを動的にしたいですファイアベース。

だから私は

<ion-item> 
    <ion-label stacked>Type of Trash</ion-label> 
     <ion-select [(ngModel)]="BrandsList (ionChange)="onSelectChange($event)"> 
     <ion-option value="typeofbrand" *ngFor="let title of BrandsList"> {{title}} 
     </ion-option> 
     </ion-select> 
</ion-item> 

そして、私の.TSに私のhtmlファイルでこれをやった私は私が「任意のアイデア何、仕事への動的な部分を取得することはできません。この

BrandsList: FirebaseListObservable<any>; 
    ... 
    this.BrandsList = db.list('/brands/'); 

を追加されたファイル私は間違っている。

私のfirebaseデータベースからの画像は下記を参照してください。

は、任意の助けに感謝、私は得ることができます。あなたがプロパティ

I上のブランドにして後の最初の検索する必要があるため

<ion-item> 
    <ion-label stacked>Type of Trash</ion-label> 
     <ion-select [(ngModel)]="BrandsList (ionChange)="onSelectChange($event)"> 
     <ion-option value="typeofbrand" *ngFor="let brand of BrandsList"> {{brand.title}} 
     </ion-option> 
     </ion-select> 
</ion-item> 

：

<ion-item> 
    <ion-label stacked>Type of Trash</ion-label> 
     <ion-select [(ngModel)]="BrandsList (ionChange)="onSelectChange($event)"> 
     <ion-option value="typeofbrand" *ngFor="let title of BrandsList"> {{title}} 
     </ion-option> 
     </ion-select> 
</ion-item> 

この他の1に：

Answer 1

は、私はあなたがこの部分を変更すべきだと思いますこれがあなたに役立つことを願って！ （：