AngularJS:根据条件ng-grid更改单元格的颜色

2024-02-10

这里是plnkr http://plnkr.co/edit/rPYJ1tGmnarEjf3io1d6?p=preview代码。我想改变颜色age其所有行的单元格alert财产是真实的。我不知道该怎么做。我没有单独的警报列。


Here you go. Refer this modified PLUNKER http://plnkr.co/edit/ZVm9Y13T53su3BfQ37Hn?p=preview. Escaping single quote here but indenting the template for better readability.

<div class="ngCellText" 
     ng-class="{\'green\': row.getProperty(\'alert\') == \'true\' }">
         {{ row.getProperty(col.field) }}
</div>

上面的情况是当alert是布尔值的字符串表示形式(“true”/“false”)时。什么时候alert是布尔值,那么模板就变得不那么笨拙:

<div class="ngCellText" ng-class="{\'green\': row.getProperty(\'alert\') }">
         {{ row.getProperty(col.field) }}
</div>

UPDATE:
为了减少那里的冗长,我们可以直接使用row.entity.alert:

<div class="ngCellText" 
     ng-class="{\'green\': row.entity.alert == \'true\' }">
         {{ row.getProperty(col.field) }}
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

AngularJS:根据条件ng-grid更改单元格的颜色 的相关文章

  • Vaadin 网格表:如何禁用排序功能并设置一列的颜色

    我在用着GridVaadin 中的表用于数据表示 为此 我试图弄清楚以下两个问题 1 如何禁用每列标题中的排序功能 2 如何设置表格中某一列的颜色Grid table 首先 我找到了Vaadin 文档 https vaadin com do
  • Pygame - 使用 SurfArray 将某种颜色的像素重新着色为另一种颜色(数组切片问题)

    我正在尝试为游戏制作调色板交换功能 并且正在尝试找到一种将某种颜色的像素颜色更改为另一种颜色的方法 我已经能够使用我在教程中找到的这个函数使所有像素具有相同的颜色 def color surface self surface red gre
  • 从角度 $uibModal 背景单击返回数据

    我正在尝试从 uibModal 传回一个值 如果用户单击模式的关闭按钮 我可以定义返回 scope close function modalInstance close scope editMade 但如果用户单击背景区域 这将不起作用 如
  • 是否可以将 RestAngular.setBaseUrl 用于两个 api 访问点?

    是否可以使用具有 2 个不同 API 的 Restangular 来工作 我想拥有setBaseUrl 对彼此而言 只需创建两个或多个 Restangular 服务并根据需要配置它们 然后注入您想要使用的模块 UPDATE 这段代码来自 r
  • put方法中的Angularjs文件上传不起作用

    我有一个简单的待办事项应用程序 我试图在其中上传照片和单个待办事项 现在我已经创建了这个工厂函数来负责待办事项的创建 todosFactory insertTodo function todo return http post baseUr
  • 如何从 pdf C# 中获取具有特定颜色的文本

    我必须将 pdf 文件中的数据放入特定的数据库结构中 这要求我能够从 pdf 文件中获取某些数据 由于 pdf 没有任何标签等 我想知道是否可以根据颜色获取文本 比如说我想要所有的红色文本 或者我想要文档中的所有斜体文本 这在 C 中可能吗
  • 如何处理并不总是返回承诺的函数?

    处理函数并不总是返回 Promise 的情况的最佳方法是什么 我的实际代码太复杂 无法解释 但问题的本质归结为检查条件 根据它 我要么返回一个局部变量 要么需要发送一个 ajax 请求 像这样的事情 function example val
  • 如何从 jQuery 对话框按钮访问我的角度范围?

    http plnkr co edit Rf0VItthVBg6j0z7KudO http plnkr co edit Rf0VItthVBg6j0z7KudO 我正在使用 jQuery 对话框 并且想要使用对话框按钮 但我不知道如何获取范围
  • AngularJS:遍历嵌套数组

    我正在使用具有以下结构的嵌套数组 scope items attr1 val1 attr2 val2 items attr1 val1 attr2 val2 items 这进入一个ng repeat with ng include像这样 d
  • Kivy - 有所有颜色名称的列表吗?

    在 Kivy 中 小部件 color属性允许输入其值作为字符串颜色名称 也 例如在 kv file Label color red 是否有所有可能的颜色名称的列表 就在这里 来自Kivy 的文档 https kivy org doc sta
  • 以编程方式生成渐变?

    给定 2 个 RGB 颜色和一个矩形区域 我想在颜色之间生成基本的线性渐变 我进行了快速搜索 我唯一能找到的是这个博客条目 http jtauber com blog 2008 05 18 creating gradients progra
  • AngularJS 观察对象数组中的对象属性

    我有这个data在我的控制器中 scope data home baseValue 1 name home contact baseValue 2 name contract a lot more options 一些像这样的html se
  • 如何在 AngularJS 中刷新/使 $resource 缓存失效

    我有一个简单的 User resource 它使用默认的 http 缓存实现 如下所示 factory User function resource return resource endpoint user current project
  • 如何使角度表单只读并可使用编辑按钮进行编辑?

    有没有办法让整个 Angular 表单只读 然后在单击编辑时可编辑 您可以按照当前答案 评论中的建议单独禁用所有表单元素 也可以将所有表单元素包装在 fieldset 更多信息 https developer mozilla org en
  • Protractor:是否可以测试我的应用程序中没有404?

    我是量角器的新手 我想编写一个测试来查看是否存在带有 url 的锚点给出 404 错误 我见过这个如何用量角器测试html链接 https stackoverflow com questions 29212375 how to test h
  • JFreeChart - 具有 2 个图例的颜色问题

    我尝试在图表中创建自定义图例 但当我显示一两个图例时 会发生一些奇怪的情况 当我显示 2 个图例 旧的和新的 时 一切都很好 图例和图表中的颜色受到尊重 但是 当我只想显示新图例时 图例中的颜色受到尊重 但图表中的颜色不再受到尊重 这是我的
  • Angular 1.5 组件的自定义指令

    我已经升级到 Angular 1 5 现在支持 component helper 方法致力于帮助用户过渡到 AngularJs 2 不幸的是 关于它的教程并不多 我有以下简化的自定义指令和模板 URL 谁能帮我写这个 component 形
  • 角度 $location.path 不起作用

    我有一个类似的问题this one https stackoverflow com questions 11784656 angularjs location not changing the path 但不同 在这里我试图添加一个事件侦听
  • JS文件中的System.register是什么意思?

    在 Angular 2 中使用指令时 JS 文件中的 System register 是什么意思 我认为这个问题并不特定于 Angular2 中的指令 它是关于 ES6 TypeScript 和其他使用 SystemJS 的现代编译器的一般
  • 量角器按钮单击并在新选项卡中打开页面

    我对量角器相当陌生 我正在尝试自动化一个场景 其中我单击一个按钮 它会在新选项卡中打开一个页面 然后我们需要在新页面中填充表单并提交 Issue 当我单击按钮打开新页面时 我的测试不会等待新页面加载并显示测试完成和成功消息 我正在使用该按钮

随机推荐