Uygulamanın görünüm modelini bir söz kullanarak özel öğeye nasıl bağlarsınız?

Question

Özel bir elemana benim app.js görüntüleme modelinde bir değer mevcut bağlamak istiyorum ama images değeri bir Promise'in den ayarlandığında bind düzgün çalışması için görünmektedir olamaz.

app.js

:

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

    . . . 

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

Benim özel öğe, app.html başvurulan olarak:

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

Benim özel öğenin görünüm modeli, featured-image.js:

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

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

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

this.images hep undefined olduğunu. Sabit kodlanmış bir diziye images kurarsam, beklendiği gibi çalışır. Neyi yanlış yapıyorum?

Answer 1

activate umut dönmek için deneyin: Bu söz tamamlandığında görünümünüzü aktive olmasını sağlar

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

. Bununla birlikte, return no'lu bile olsa çalışması gerektiğini düşünüyorum, çünkü dizideki tüm değişiklikler onu bağlayan tüm görünümlere yayılacaktır. Belki başka bir şey soruna neden oluyor.