Razor-pages -动态切换css背景/主题

Question

问:如何动态更改div类/主题。从'nul‘到'bg-info’再到'bg-success‘

即：

<div class="container body-content">
<div class="container body-content bg-info">
<div class="container body-content bg-success">

(Razor-第2.1.1页/ Visual Studio 2017 / EF 2.1.1) (引导程序-无控制器结构)

设置: EF / localDB切换或列出选项。

使用的VS模板: C# > .Net核心> .Net核心Web应用程序>剃刀页面

Answer 1

MyPage.cshtml：

@page
@using MyProject.Pages
@model MyPageModel

<div class="container body-content@Model.Theme">

MyPage.cshtml.cs：

using Microsoft.AspNetCore.Mvc.RazorPages;
using System;

namespace MyProject.Pages
{
    public class MyPageModel : PageModel
    {
        public string Theme { get; set; } = "";

        public void OnGet()
        {
            if(showInfo) Theme = "bg-info";
            else if(showInfo) Theme = "bg-success";
        }
    }
}