angularjs - URLなしのAngularコンポーネント

Question

私は AngularJS (v 1.6) にかなり慣れていないので、これはばかげた質問かもしれません。

アプリケーションのホームページで使用されるコンポーネントを作成しようとしています。データは渡されず、代わりに API 呼び出しを行います。

これまでの様子は次のとおりです。

class MyInboxController {
    constructor(api) {
        this.api = api;
        this.$onInit = () => {
          this.count = this.api.getAllMessages().then(function(data) { data.length });
        }
    }
}

MyInboxController.$inject = ['api'];

export const myInboxComponent = {
    template: require('./my-inbox.html'),
    controller: MyInboxController
};

基本的に、このコンポーネントはナビゲーション内のアプリケーションのホームページに存在します。私の問題は、oninit にある API サービスを呼び出すと、ページの読み込みに間に合うようにデータが返されないように見えることです。どんなアドバイスも素晴らしいでしょう。