如何隐藏不同型号值的div元素？ MVC [英] How to hide a div element depending on Model value? MVC

问题描述

下面是我的时刻。

 hidden="@(Model.IsOwnedByUser||!Model.CanEdit)"

这正常工作的Chrome，但在Internet Explorer犯规隐藏

This works fine on Chrome but doesnt hide on Internet Explorer

我也试过知名度设置为false，但没有运气。

I tried also visibility set false but no luck.

后来我发现了另一种风格，如下

then I found out another style as below

style="@(Model.IsOwnedByUser||!Model.CanEdit)?'display:none'""

我无法得到它的工作。什么是隐藏与剃刀语法​​元素的正确格式？

I could not get it worked. What is the correct format to hide an element with Razor syntax?

或者我会使用jQuery隐藏元素。但是，将隐藏在页面加载的元素，它实际上可以打印出jQuery的声明？

Or I would use Jquery to hide the element. but is it actually possible print out jquery statement that would hide the element on page load?

推荐答案

下面code应该应用基于模型的 CanEdit 属性值不同的CSS类。

The below code should apply different CSS classes based on your Model's CanEdit Property value .

<div class="@(Model.CanEdit?"visible-item":"hidden-item")">Some links</div>

但如果是一些重要的东西就像编辑/删除链接，你不应该只是躲起来了，因为人们可以更新他们的浏览器的CSS类/ HTML标记并访问你的重要环节。相反，你应该是简单的不渲染的重要浏览器的东西。

@if(Model.CanEdit)
{
  <div>Edit/Delete link goes here</div>
}

这篇关于如何隐藏不同型号值的div元素？ MVC的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！