Mongooseバックエンドクラスをフロントエンドクラスに接続する方法（Angular.ioを使用したIonic）

Question

私はあまりにも多くの時間を試してきましたが、これを動作させることはできません。私はログインページを作成しています。ここでは基本的にユーザー名を挿入し、データベースから情報を取り出し、フロントエンドでオブジェクトを更新します（違いはObjectIDが追加されたことだけです）。ここに私が欲しいものがあります：

1. ユーザー名の入力を求めるログインページを読み込みます。
2. ユーザ名を入力します。複数のものはここに起こることができます：それは、新しいユーザー名を使用してデータベースに新しいエントリを作成して、新しいユーザーを返し
   1. ：
   ObjectIDとUsername
3. それは（find()から）データベースからエントリを返します。

これは狂気の何物でもありませんが、私は単にエラーを乗り越えることはできません。

TypeError: Cannot read property 'username' of null

私は、私が持っているUserクラスの周りに変更しようとしました

login.htmlと

<ion-content> 
    <ion-input placeholder="Username" [(ngModel)]="user.username"></ion-input> 
    <button ion-button (click)="submit()">Submit</button> 
</ion-content> 

login.ts

export class LoginPage { 
    appStorage: Storage; 
    user = { 
    id: "test", 
    username: "test" 
    }; 
    //user: User; 
    //user: Object = {}; 

    constructor(private storage: Storage) { 
    this.appStorage = storage; 

    storage.get('user').then(user => { 
     this.user = user; 
    }); 
    } 

    submit() { 
    this.appStorage.set("user", this.user); 
    } 

    ngOnInit() { 
    this.user = { 
     id: "test", 
     name: "test" 
    }; 
    } 
} 

User.ts

export class User { 
    public id: string; 
    public username: string; 

    constructor(public inputId?: string, public inputUsername?: string) { 
     this.id = inputId; 
     this.username = inputUsername; 
    } 
} 

私はすべてをコンポーネントに移そうとしましたが、すべてを試しました私は単にこれを働かせることはできません。バックエンドのMongooseクラスをフロントエンドに合わせたい。おそらく私のためにこれを行うことができるライブラリはありますか？さもなければ、私はそれらを別々にします。

私は本当に私が持っているユーザークラスを使いたいので、私はオブジェクトを使用していません。

Answer 1

私はそうするべきではないと思います。あなたはバックエンドと話すためにAPIを使うべきです。必要に応じてPOJOインターフェースを再利用することができます。フロントエンドコードからはmongoosejsストレージにはアクセスできません。