Aurelia select 不工作

Question

我有以下问题。我试图通过读取一个 json 文件来填充一个简单的 select，而不是将任何 object 的标题显示为 select 中的一个选项。当我尝试在 div 元素内显示标题时，代码工作正常，但不是 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>

Answer 1

尝试安装最新的 skelly https://github.com/aurelia/skeleton-navigation/releases，即 0.13.0。编写相同的代码，它应该可以工作。

确保您从 js 文件导出的模型 (viewmodel) 的名称与模板 (html) 文件的名称匹配。

Aurelia select 不工作

Aurelia select doesn't work

select

aurelia