Blazor コンポーネントでサービスを呼び出すことができません

Question

次のようなサービスがあります:

名前空間 Hydra.Services
{
  パブリッククラスの従業員
  {
    パブリック文字列 URL { 取得; 設定; }

    public async Task<EmployeeModel> GetEmployee(){
      // JSONデータを返す
    }
  }
}

Company コンポーネントでこのサービスを呼び出したいです:

@page "/"

<div> @company ... </div> <!-- OK、会社の詳細が表示されました -->
<div> @Employee ... </div> <!-- System.NullReferenceException: 'オブジェクト参照がオブジェクトのインスタンスに設定されていません。 ' -->

@コード{

  会社文字列。
  従業員文字列;
  protected オーバーライド非同期タスク OnInitializedAsync()
    (HttpClient クライアント = new HttpClient()) を使用します
    {
      // 会社の詳細を取得する


      // ここに問題があります:
      EmployeeModel emp = new Employee();
      emp.url = "http://google.com";
      emlpoyee = emp.Employee(); を待ちます。
    }
  }
}

つまり、会社を表示するロジックには何も問題はありませんが、using() 内で呼び出している Employee サービスが機能していないようです。エラー以外に何が問題なのか分かりません。

モデルを含めたり、サービスを挿入したりするのを忘れても問題ありません。

私は初心者なので、質問は比較的簡単です。

Answer 1

変数を作成しました:

リーリー

ただし、@Employee を呼び出しているため、null になります。

実際に従業員に設定した変数に切り替えてみてください:

リーリー

また、変数のスペルが間違っていると思います。おそらく @employee のことを言っているのでしょう。

ここにすべてを入力しました:

リーリー

つまり、提供したコードから、@emlpoyee を呼び出すのは理にかなっています。

したがって、<div> @Employee ... </div> を <div> @emlpoyee ... </div>

に変更します。

Answer 2

コードはサービス インジェクションを正しく実行しません。私が使用し、正しく機能する方法を紹介します。お役に立てば幸いです。

まず、サービスのインターフェースを作成する必要があります:

リーリー

次に、上記のインターフェイスから継承するようにサービスを次のように変更する必要があります。

リーリー

次に、次のように Startup.cs または Program.cs にサービスを挿入する必要があります:

リーリー

最後に、以下に示すように必要なコンポーネントにサービスを挿入し、簡単に使用できるようにする必要があります。 リーリー

もちろん、コードには多くの構造上の問題があり、コード例の形式で問題を特定したい場合もあります。そのため、サンプルがより具体的になるように、独自のコードを使用してコードがどのように機能するかを説明しようとしました。あなたへ。