如何使用承諾將應用的視圖模型綁定到自定義元素？

Question

我想現值在我app.js視圖模型到自定義元素綁定，但我似乎無法得到時images值從無極設置bind正常工作。

app.js：

@inject(Api) 
export class App { 
    constructor(api) { 
     this.api = api; 
    } 

    . . . 

    activate() { 
     this.api.mockGet('gallery').then((images) => this.images = images); 
    } 
} 

我的自定義元素，如app.html引用：

<featured-image images.bind="images"></featured-image> 

我的自定義元素的視圖模型，featured-image.js：

import {containerless, bindable} from 'aurelia-framework'; 

@containerless 
export class FeaturedImage { 
    @bindable images = null; 

    attached() { 
     console.log(this.images); 
    } 
} 

this.images總是undefined。如果我將images設置爲硬編碼數組，它將按預期工作。我究竟做錯了什麼？

Answer 1

嘗試在activate返回承諾：

activate() { 
    return this.api.mockGet('gallery') 
     .then((images) => this.images = images); 
} 

這保證了當的承諾已經完成你的看法就會被激活。但是，我認爲即使沒有return也應該可以工作，因爲數組中的任何更改都會傳播到綁定它的所有視圖。也許另一件事是造成這個問題。