Как скрыть элемент HTML на основе значения сеанса

Question

Я пытаюсь скрыть элемент html на основе значения Session, используя бритву или js, но я не могу. Я пробовал более одного решения, но никакого результата.

Первая попытка:

<div class="btn-group"> 
 
    <a href="#" class="btn btn-default">الخيارات</a> 
 
    <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> 
 
    <span class="caret"></span> 
 
    </a> 
 
    <ul class="dropdown-menu"> 
 
    <li style="@(Session[" UserRole "].Equals("2 ") ? "display:none " : "display:block ")"> 
 
     <a href="@Url.Action(" ConfirmAllNotes ", "Notes ", new { ReportID = item.ReportID })"></a>اعتماد الملاحظات 
 
    </li> 
 
    <li> 
 
     <a href="@Url.Action(" DepartmentResponse ", "Notes ", new { ReportID =item.ReportID })">ردود الإدارة</a> 
 
    </li> 
 
    <li> 
 
     <a href="@Url.Action(" Edit ", "Reports ", new {id = item.ReportID })">تعديل</a> 
 
    </li> 
 
    </ul> 
 
</div>

Вторая попытка:

<div class="btn-group"> 
 
    <a href="#" class="btn btn-default">الخيارات</a> 
 
    <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> 
 
    <span class="caret"></span> 
 
    </a> 
 
    
 
    <ul class="dropdown-menu"> 
 
    @if (Session["UserRole"].ToString().Equals("1")) { 
 
     <li> 
 
     <a href="@Url.Action(" ConfirmAllNotes ", "Notes ", new { ReportID = item.ReportID })"></a>اعتماد الملاحظات 
 
     </li> 
 
    } 
 
    <li> 
 
     <a href="@Url.Action(" DepartmentResponse ", "Notes ", new { ReportID =item.ReportID })">ردود الإدارة</a> 
 
    </li> 
 
    <li> 
 
     <a href="@Url.Action(" Edit ", "Reports ", new {id = item.ReportID })">تعديل</a> 
 
    </li> 
 
    </ul> 
 
</div>

Любое предложение?

Answer 1

Try ниже логики, он может работать для вас

<li style="@(Session["UserRole"].ToString() == "2" ? "display:block" : "display:none")"> 

Answer 2

Просто используйте if вместо смешивания со стилем элемента:

<div class="btn-group"> 
    <a href="#" class="btn btn-default">الخيارات</a> 
    <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> 
    <span class="caret"></span> 
    </a> 
    <ul class="dropdown-menu"> 
    @if (Session[" UserRole "].Equals("2 ")) 
    { 
    <li> 
     <a href="@Url.Action(" ConfirmAllNotes ", "Notes ", new { ReportID = item.ReportID })"></a>اعتماد الملاحظات 
    </li> 
    } 
    <li> 
     <a href="@Url.Action(" DepartmentResponse ", "Notes ", new { ReportID =item.ReportID })">ردود الإدارة</a> 
    </li> 
    <li> 
     <a href="@Url.Action(" Edit ", "Reports ", new {id = item.ReportID })">تعديل</a> 
    </li> 
    </ul> 
</div>