问题标签 [ng-style]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
123 浏览

javascript - Angular JS:具有绑定值的内联样式适用于 Mac 而不是 Windows

我用 ng-repeat 建立了一个表格,显示了一个项目的类型规范,其中有一列“样本”:

在此处输入图像描述

如您所见,在 Mac Safari 和 Chrome 上运行良好。但是,在 IE 11/Win 8 上:

在此处输入图像描述

表的行是这样的:

由于某种原因,IE 似乎不喜欢内联样式标签。

在 safari 中检查代码看起来符合预期。您可以看到带有背景颜色和颜色的样式标签: 在此处输入图像描述

但是在IE11中检查,一切都搞砸了。只有一种颜色,白色和 rgb: 在此处输入图像描述

那么,为什么这适用于 Mac 而不是 IE?我假设一些关于我的语法的东西,但我已经尝试了一些东西,但到目前为止没有结果。

0 投票
1 回答
1224 浏览

css - 带有 Angular 的动态宽度在 IE11 中不起作用

我有一个进度条显示上传进度。CSS 适用于 chrome,但适用于 IE

0 投票
1 回答
841 浏览

html - Angular ng-style 正在添加一个样式属性,然后不保持同步

我的 Angular 网站从 Web API 后端获取数据,最初显示的是通用背景。但是登录后,客户背景图片 url 被检索并用于我的 ng-style 属性中。

当页面最初加载时,还会出现一个不在源代码中的样式属性,它将背景指向默认图像。

但是登录后,即使 ng-style 现在显示正确的背景图片 url,style 属性仍然指向默认 url。

如果我手动刷新页面(Chrome 的开发人员设置中没有缓存),样式属性会更新并且客户背景会正确显示。

发生了什么?为什么 Angular 会添加样式属性,然后不保持同步?

源代码

初始页面加载

登录后

强制无缓存刷新后

固定代码

重新打开:

恕我直言,这个问题是不同的 b/c 它停留在 html 中,没有进入 $digest 和脚本,并显示页面处于不同状态时的阶段。但我听从你的判断:)

0 投票
1 回答
68 浏览

angularjs - ngStyle 更多属性

我想拥有更多 ng 风格的属性,但它不起作用。

这是我的代码行:

如果我只有,{color: titleColor}那么它可以完美运行。

帮我把字体大小也放在那里

0 投票
4 回答
14705 浏览

css - 如何将 ng-style 与 !important 一起使用?

标记按钮已经分配了光标 css。我想根据 is_active 值覆盖光标 css 以禁用按钮。is_active 的值可能为 0 或 1。以下是 js/html 的代码,请告诉我将光标 css 应用于按钮的正确方法。

0 投票
4 回答
986 浏览

javascript - AngularJS:在 ng-repeat 中调用 ng 样式函数时出现 $rootScope:infdig 错误

我正在尝试在将显示在网站主页上的一些短语上构建动画,在随机位置并具有淡入淡出和翻译效果。

我将使用ng -repeat属性中的 ng-style 属性并设置调用 HomeController 中定义的 JavaScript 函数的 ng-style 值来实现这一点。

使用这种方法会导致 Angular 抛出异常:$rootScope:infdig error 10 $digest() 达到了迭代。中止!在最后 5 次迭代中触发的观察者

我阅读了很多关于此的内容,但没有解决方案可以解决我的问题。任何人都可以帮助我吗?

这是 index.html 的一部分:

这是控制器功能:

}

这是一个演示:http ://plnkr.co/edit/8sYks589agtLbZCGJ08B?p=preview

0 投票
2 回答
1771 浏览

html - ng-style 没有动态更新

我正在使用 ng-style 动态更改 HTML 元素的颜色。

其中 getColor() 函数返回要更改的颜色,它可以根据用例返回不同的颜色。第一次一切正常,但是当 getColor() 稍后返回不同的颜色时,它不会更新 HTML 元素的颜色。

0 投票
2 回答
11388 浏览

css - 如何正确使用带有 ng-style 的 css 的“calc()”

我使用 Angular 的 ng 样式和 css 的“calc()”进行了以下内联样式,但它不起作用。谁能告诉我有什么问题?

0 投票
1 回答
35 浏览

css - 如何转换 style="{{data.something}}" 以显示在 IE 中?

我目前有这个:

但风格没有出现在 IE 中。我该如何解决这些?green.image包含以下内容:

0 投票
0 回答
592 浏览

javascript - 当 URL 包含括号时,Angularjs ng-style 背景图像不起作用

我在 AngularJs 中使用ngStyle指令来更改元素的背景图像,我注意到当图像的 URL 包含括号“()”时,不会应用该样式。

有什么建议吗?

小提琴