How to declare global variables in Blazor

Question

How to declare global variables in Blazor

Anonymous

How to declare global variables in Blazor , for example I have inputquestions in Index I want to use this in another page called Quiz.

@page "/"
<h1>  Quiz </h1>
Select Input Questions and 
Click on  Quiz  .
<div class="row">
    <p>Questions:</p>
    <input type="range" min="5" max="20" step="5" @bind="@inputquestions"
     @bind:event="oninput" />
</div>
<p>@inputquestions</p>
@code {
    public  int inputquestions=5;
}

Answer accepted by question author

2 additional answers

Your answer

Answer 1

Azizkhon Ishankhonov 1,010

Hi

Here is the answer to your question: https://learn.microsoft.com/en-us/answers/questions/1378821/blazor-accessing-global-variable-issue

Answer 2

Bruce (SqlWork.com) 82,856 Volunteer Moderator

you did not define a @rendermode, so the default is static (no javascript events).

Answer 3

Bruce (SqlWork.com) 82,856 Volunteer Moderator

in addition to cascading state you have:

https://learn.microsoft.com/en-us/aspnet/core/blazor/state-management?view=aspnetcore-8.0&pivots=server

note: while using a static would work with a Blazor WASM, it will not work with server pre-render or server Blazor as the static value would be shared between all Blazor instances.

Anonymous

Here is my approach

In Index page implemented two way binding

@page "/"
@inject MauiAppMCQs.Models.MyClass myClass
 
<h1>  Quiz </h1>
<h1>  Select Number of Questions and Click on Quiz </h1>
<div class="row">
    <p>Questions:</p>
    <input type="range" min="5" max="20" step="5" @bind="@myClass.InputQuestions"
    @bind:event="oninput" />
</div>

public  class MyClass
    {
        public int InputQuestions { get; set; } = 5;
    }

Added the same in

builder.Services.AddSingleton<MyClass>();

When I check the value in next page it shows 5 but not 10 or 15

if (count == myclass.InputQuestions)

            { stopflag = "N"; }

Anonymous

2024-05-23T17:49:12.2166667+00:00

This sees to work using Route paramater https://learn.microsoft.com/en-us/answers/questions/1189880/how-to-pass-oject-emp-from-page-employee-to-page-e

Share via

How to declare global variables in Blazor

2 additional answers

Your answer