如何隱藏和顯示 asp.net core razor 頁面中未在 c# 中的服務器命令中運行的按鈕？

Question

我在 asp.net core razor 頁面上有兩個按鈕，如下代碼所示：

 <div class="row div-form-control">
                <div class="col-md-12">
                    <div class="form-group actions">
                        
                        <button type="button" name="submit" id="submit" class="btn btn-primary" action="save"><i class="icon-floppy-disk position-right"></i>Submit</button>
                        <button type="button" class="btn btn-primary" action="search"><i class="icon-new-tab position-left"></i>Search</button>

                    </div>
                </div>
 </div>

現在，當用戶角色不是管理員時，我想在 C# 中隱藏提交按鈕，例如：

string Role="NormalUser";
if(Role!="Admin"){
 submit.Visibility = Visibility.Hidden;
}

但它不起作用，因為在提交按鈕中我沒有 Runat="Server" 我想隱藏它而不使用 JavaScript 或其他方法的 Ranat="Server" 誰能幫我怎么做？ 謝謝

Answer 1

一種方法是：

@if(Role!="Admin"){
    <button type="button" name="submit" style="display:hidden;" id="submit" class="btn btn-primary" action="save"><i class="icon-floppy-disk position-right"></i>Submit</button>
}else{
    <button type="button" name="submit" id="submit" class="btn btn-primary" action="save"><i class="icon-floppy-disk position-right"></i>Submit</button>
}