问题标签 [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 投票
0 回答
80 浏览

javascript - AngularJS - 获取元素的高度使我的应用程序崩溃

我为 Google Map 创建了一个指令,我希望它覆盖父容器宽度的 100%(有效)以及父容器高度的 100%(不适用于 css height:100%;)。但是css不再是我的问题了。所以我创建了一个方法

这是我在 html 模板中使用它的方式

这很好用,但我发现它用来“刷新”ng-style什么会扼杀性能(这就是 AngularJS Batarang 所说的),并且在一段时间后应用程序崩溃。

为什么会这样?我解决高度问题的方法有什么问题?

0 投票
0 回答
590 浏览

angularjs - ng 风格的背景图像不起作用

我正在尝试使用 ng-style 更改背景图像

当它呈现它正在寻找像“ url(file:///G:/images_gameplay/trading-darkblue-1px.png);”这样的本地路径时

0 投票
1 回答
2950 浏览

angularjs - 根据 ng-repeat 项目计数动态设置元素宽度

我是使用 AngularJS 1.4.x 的新手。

当按 AddNumber 球超过 13 时,我希望宽度大小可以调整大小。这是我的希望 在此处输入图像描述

我希望可以动态改变 div 宽度大小,如何让它正常工作???

这是我的希望http://plnkr.co/edit/t8bBjE?p=preview

0 投票
3 回答
14473 浏览

angularjs - Angular TypeError:name.replace 不是 ng-style 的函数

我是 angular 新手,在控制台中不断收到以下错误TypeError: name.replace is not a function。我不确定究竟是什么原因造成的,但它似乎是由ng-style语句引起的,也许与 camelCase 有关?

我不明白的部分是为什么ng-style="isFrontView() || !matches && {'display': 'none'}"会抛出错误,但ng-style="!isFrontView() || !matches && {'display': 'none'}"不会抛出错误。

为了纠正这种情况,我尝试从函数名中删除 camelCase 并全部小写。我也尝试使用!!isFrontView(),但似乎都没有删除错误消息。

有谁知道这个错误消息的原因和潜在的修复?

错误信息

HTML 模板:

后端代码:

PS 即使出现控制台错误,一切仍然正常。

0 投票
4 回答
2077 浏览

javascript - 根据范围变量应用 css 样式

我正在尝试根据范围变量设置 css 属性。

基本上,是这样的:

或者它应该更像:

甚至 :

但以上都没有奏效

0 投票
3 回答
5608 浏览

javascript - Rgba 值未以 ng 样式更新

我有一个 div,它有一个 ng-style 属性和一个 rgba 值,它使用 $scope 变量作为 alpha 值:

我有一个输入滑块,可以更改 alphaValue 的值。我可以使用 console.log 看到值的变化,并且 rgba 值正在 html 的调试器中更新。它只是没有在视图中应用。

有什么建议么?

0 投票
1 回答
2405 浏览

angularjs - ng-style 有延迟

我正在使用 ng-style 设置元素的宽度,如下所示:

我在控制器中使用的功能:

现在我想通过在元素上使用 CSS 过渡来为这个宽度设置动画。但是当我以这种方式使用它时,在渲染元素时已经应用了结果的宽度,因此不会显示任何过渡。

我尝试在 calculateWidth 函数中使用 $timeout,但是该函数根本不起作用,结果宽度都为 0。

是否有可能以某种方式延迟这种 ng 风格的应用?

0 投票
3 回答
596 浏览

css - 如果满足条件,则样式元素,AngularJS

我想这样做,如果 item.attribute == attribute1 那么按钮的颜色是珊瑚色

这可能吗?谢谢

0 投票
3 回答
96 浏览

angularjs - 使用 Angular 基于计算应用 CSS

我每隔几秒钟就有一次读数。

目前我正在使用阈值来确定动画应该何时发生:

速度已经在自动更新,但目前 css 样式仅在超过 13 和 15 等时才会改变。相反,我希望它随着速度的变化而动态变化。所以 13.1 产生的圆比 13 大,而 13.2 比 13.1 大,依此类推。

是 circle1 的 CSS。我希望它根据速度不断地从绿色过渡到黄色。

0 投票
1 回答
607 浏览

css - 使用 Angular 创建动态类

我正在尝试在 Angular 模板中添加一个动态类并相应地设置样式属性。

HTML 将是——<body class="{{ product-id }}">

CSS 将是 -- product-id : { color: #ccc; } product-id 将是一个动态值。

最好的方法是什么?我希望能够让它成为一个选择器,我可以将其用于页面中的各种元素位置,这就是为什么 ng-style 不适合我的原因。