У меня есть следующая проблема. Я пытаюсь заполнить простой выбор, прочитав json-файл, а затем отобразив заголовок любого объекта в качестве опции внутри select. Код работает очень хорошо, когда я пытаюсь отображать заголовки внутри элементов div, но не так, как выбрать. Вот мой код:Aurelia select не работает
import {inject} from 'aurelia-framework';
import {HttpClient} from 'aurelia-http-client';
@inject(HttpClient)
export class Select{
title = "Title";
images = [];
url = 'http://api.flickr.com/services/feeds/photos_public.gne?tags=rainier&tagmode=any&format=json';
favImage = '';
constructor(http) {
this.http = http;
}
activate() {
return this.http.jsonp(this.url).then(response => {
this.images = response.content.items;
});
}
}
и HTML
<template>
<div>${title}</div>
<div repeat.for="pic of images">${pic.title}</div> //This works just fine
<select value.bind="favImage"> //This doesn't work
<option>Select Picture</option>
<option repeat.for="pic of images" model.bind="pic">${pic.title}</option>
</select>
Не могли бы вы подробнее рассказать о своем ответе, добавив немного подробного описания вашего решения? – abarisone
в вопросительном коде проблема была связана с именем экспортируемого класса и его относительным шаблоном –