在Razor中使用三元设置元素颜色样式？运算符

文章/答案/技术大牛

发布

1回答

c#、css、asp.net-mvc、asp.net-mvc-4、razor

我有一个HTML元素，它在我的razor cshtml文档中的foreach循环中重复自己，如下所示：我尝试根据名为IsItemAvailable的ViewModel属性设置元素的颜色，如果该项目可用，我会将元素颜色设置为绿色，否

浏览 11提问于2017-08-29得票数 1

回答已采纳

0回答

React样式组件条件三元运算符

reactjs、styled-components

根据测试的值，我尝试用三种不同的颜色有条件地设置一个框的样式。我宁愿写一个switch或者if/else，但是我不知道是否有可能不使用带有样式的组件的三元运算符。

浏览 5提问于2018-07-20得票数 4

回答已采纳

2回答

使用JavaScript三元运算符的CSS规则

javascript、jquery、css、ternary-operator

如何使用javascript三元运算符where将条件设置为jquery变量"my_color“<script type="text/javascript">});如上所述，我的类以"my_color"的特定颜色值为条件，从水平到垂直进行混洗。对于同样的

浏览 9提问于2013-01-31得票数 2

回答已采纳

2回答

使用三元反应内联样式

javascript、reactjs、checkbox、inline、ternary

具有如下复选框元素： checked={this.props.someValues.indexOf(myValue) > -1}当该索引为正值时，复选框将被选中。我想给复选框添加不同的颜色，例如，如果它是未选中的-蓝色，选中-红色。{{ color: 'red' }} : {{ color: 'blue' }} }有没有可能用三元运算符设置内联样式，但我做

浏览 3提问于2020-05-19得票数 1

回答已采纳

1回答

如何替换对象中的特定字符串？

javascript、reactjs、object、conditional-operator

在我的应用程序标头中，我有两个锚元素(它们链接到"Feed“和"Bio”页面)，它们的样式相同。当它们悬停在上面时，它们会触发不同于默认样式的样式(但两个锚点元素在其悬停状态下仍然共享相同的样式)。所有的样式都是内联的，因为不幸的是我们没有使用样式表--所以我们一直在使用三元操作符来触发不同的样式，这取决于锚元素</e

浏览 22提问于2021-06-06得票数 0

回答已采纳

1回答

如何在Razor中使用if Razor块来决定风格？

css、asp.net-mvc、razor

我知道如何仅使用三元运算符来格式化Razor中元素的css syle，如下例所示：但我有一个更复杂的决策块，我应该嵌套2个三元操作符，这并不是一个很好的实践。} { "float:right"

浏览 0提问于2016-07-06得票数 3

回答已采纳

1回答

Angular document.getElementById和style.display

angular、getelementbyid

有人能快速告诉我如何在Angular中使用下面的代码吗？有没有等价物，或者我可以直接使用它？

浏览 69提问于2018-07-10得票数 -2

1回答

styled-component模板文字返回未定义到react组件

css、reactjs、styled-components

我在他们的上使用了一个带样式的组件三元运算符。另请注意，当我将一个CSS colo

浏览 22提问于2021-03-06得票数 0

3回答

用ASP.NET MVC进行条件格式化

asp.net-mvc、razor

我有一个ASP.NET MVC应用程序，在视图中使用Razor。我认为，我有以下几点： ...我怎么才能和Razor做这个？谢谢!

浏览 3提问于2014-10-30得票数 3

回答已采纳

2回答

如何使用Javascript中的三元运算符来确定某物是偶数还是奇数？

javascript、arrays、ternary

因此，我需要弄清楚如何将"p“标记存储到数组中，然后使用三元操作符来确定"p”标记是偶数还是奇数。这就是我到目前为止所拥有的。我知道如何手动编码中的偶数/概率。但我似乎找不到任何帮助三元操作符循环我的代码，

浏览 3提问于2014-11-30得票数 0

2回答

如何让空合并运算符在ASP.NET MVC Razor中工作？

c#、asp.net-mvc、razor、null-coalescing-operator

我有以下内容，但它使用NullReferenceException失败并且它的值在失败时为null。我需要进行哪些更改才能使其正常工作？

浏览 3提问于2011-12-09得票数 21

回答已采纳

2回答

在C#中有三值运算符的缩写吗？

c#、ternary-operator

背景$value = "";在JS中也有一个类似的：var ret = value || "value was empty&quo

浏览 2提问于2017-09-12得票数 1

回答已采纳

2回答

如何对css模块的类名使用三元运算符？

css、reactjs、conditional-operator、conditional-rendering、react-css-modules

我正面临一些困难，在元素的className中使用三元操作符进行样式设计。我创建了三个按钮，以便在单击其中任何一个组件时呈现给特定组件，并且当每个分配给它的组件被呈现时，我还打算使用按钮上的背景色变化来表示单击了哪个按钮。我将所有设置为false，除非pro设置为true，它呈现组件，配置文件为默认配置文件。然后，我还创建了三个函数，它将其对应的变量设置为true，将其他变量设置为false，并且在

浏览 4提问于2022-06-28得票数 0

3回答

Typescript中的动态类分配

javascript、angular、typescript、class、dynamic

我就快到了，但是最后一个元素--让负的结果变成红色，让正的结果变成绿色，还没有完成。结果必须在输入字段中显示<input type="number" [ngStyle]="resultStyling" value="{{ result<=0计算器的component.ts中的公共类是： public fiel

浏览 17提问于2020-05-18得票数 0

回答已采纳

1回答

需要专家看一下我的代码javascript

javascript

我正在做一个三元操作符检查，看看是否在文档中找到了某个元素，并设置了一些样式和属性，这些样式和属性以后将根据与用户输入相关的其他条件进行修改。但是，如果活动页面没有这些元素，我不想要javascript，尽管错误声明“不能设置为空值禁用”。因此，我使用一个带有数组的三元操作符来设置元素的多个值，如果在页面上找到它的话。

浏览 2提问于2021-07-06得票数 0

回答已采纳

2回答

如何在Ionic-Angular中动态改变图标颜色？

html、css、angular、ionic-framework

我有一个聊天列表，并且我喜欢根据聊天状态更改离子图标的颜色(来自attribute chat.status)： <ion-list *ngFor = "let chat of chats"> </ion-label></ion-list> 当chat.status为A时，图标颜色应为红色；当chat.st

浏览 56提问于2020-12-30得票数 2

回答已采纳

3回答

检查行C#中的数组元素是否不为空

c#、ternary-operator、continue、null-check

我得到了一个neighbor数组(由Tile对象组成)，无论是否填充了所有元素，该数组的长度始终为4。如果元素/位置不为空，我希望扫描该数组并更改Tile中包含的PB的颜色。我可以通过使用以下代码的标准if neighbors[i] = null检查来完成此操作： for (int i = 0; i < Neighbors.Count(); i++) if (Neighbors; continue; // just put t

浏览 102提问于2019-04-12得票数 4

回答已采纳

3回答

更改依赖于当前Razor页面的正文背景色

css、asp.net-core、background-color、razor-pages

我想能够改变身体的背景颜色取决于用户当前正在查看的Razor页面。正文包含在_Layout.cshtml文件中，我可以在其中更改整个应用程序的颜色：然而，在一天中这么晚的时候，我似乎不知道如何根据我当前所在的页面来改变这个颜色。我最初的想法是使用JQuery获取body元素并通过该元素更新背景<

浏览 38提问于2021-03-03得票数 0

1回答

jQuery -比较值和颜色文本

jquery

当在第一个中选择一个值时，可以在第二个中选择子值。然后显示一个具有参数和特定值的表。当参数的值大于其他指定值时，我希望更改文本颜色(例如，在这里100 )。

浏览 4提问于2016-07-31得票数 2

回答已采纳

2回答

HTML标记中的条件呈现

javascript、reactjs、if-statement、react-native

我必须检查用户是否有空，如果是的话，背景样式是设置的。我可以简单地通过PHP使用if语句完成此操作，但如何使用react完成此操作？

浏览 1提问于2018-06-06得票数 0

点击加载更多