2015-04-30 2 views
1

У меня есть следующая проблема. Я пытаюсь заполнить простой выбор, прочитав 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> 

ответ

1

Попробуйте установить последнюю версию Скелли https://github.com/aurelia/skeleton-navigation/releases, который 0.13.0. Напишите тот же код, и он должен работать.

Убедитесь, что имя модели (viewmodel), которую вы экспортируете из js-файла, соответствует имени файла шаблона (html).

+0

Не могли бы вы подробнее рассказать о своем ответе, добавив немного подробного описания вашего решения? – abarisone

+0

в вопросительном коде проблема была связана с именем экспортируемого класса и его относительным шаблоном –

Смежные вопросы