离子选件上未显示图像

时间:2018-09-05 19:13:30

标签: javascript arrays ionic3 ion

我需要在ion-option内的商标名称后面添加图像。 我有下面的代码,但它们不起作用。谁能帮我? 注意:不会显示错误,只会显示图像!

HTML:

    <ion-item>
            <ion-label>Nome da marca</ion-label>

            <ion-select [(ngModel)]="marcasModel" #C (ionChange)="onChangeMarcas(C.value)" multiple="false" cancelText="Cancelar" okText="Concluído">
                <ion-option *ngFor="let marca of marcas" value="{{ marca.id }}">
                    {{ marca.name }} <img src="{{marca.image}}" alt="" width="30px" height="30px">
                </ion-option>
            </ion-select>
        </ion-item>

型号:

this.marcas = [
        { 'id': 1, 'name': 'Fiat', 'image':'http://www.pngmart.com/files/4/Fiat-Logo-PNG-Transparent-Image.png' },
        { 'id': 2, 'name': 'Ford' },
        { 'id': 3, 'name': 'GM Chevrolet' },
        { 'id': 4, 'name': 'Volkswagen' }
    ]

0 个答案:

没有答案