0

This is the testing class:

    namespace ScopedTest.Data
{
    public class TestingClass
    {
        public static string? Name { get; set; } = "HAHA";
    }
}

and here is the class im working with:

@using ScopedTest.Data
@inject TestingClass Name

<PageTitle>Counter</PageTitle>

<h1>Counter</h1>

<input type="text" @bind-value=@Name />

<p> @Name </p>

When I open this webpage on 2 different browsers (chrome and firefox for exmaple) when I change the name in Chrome and then refresh on Firefox the name gets updated on firefox as well and I do not why or how it is doing this, the purpose of this test is to try and only keep the data on the browser without it changing when hitting refresh. any suggestions?

Am Ma
  • 21
  • 1

1 Answers1

0

You need to register your service with 'scoped' lifetime.

builder.Services.AddScoped<TestingClass>();

For Singleton services you get the same instance for all sessions.

For Scoped services you get a different instance per session.

https://chrissainty.com/service-lifetimes-in-blazor/

Dimitris Maragkos
  • 8,932
  • 2
  • 8
  • 26
  • I did but It kept giving me this error "InvalidOperationException: Cannot provide a value for property 'Name' on type 'ScopedTest.Pages.Counter'. There is no registered service of type 'ScopedTest.Data.TestingClass'.' – Am Ma Sep 01 '22 at 07:54
  • Can you share your `Program.cs` code? – Dimitris Maragkos Sep 01 '22 at 07:58