问题标签 [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 回答
160 浏览

angularjs - 如何使用 AngularJS 更改样式?

我首先用 0px 初始化一个变量:

然后我有一个需要这种样式的块:

但是当我将该值更改为不同的值时,样式根本不会改变。以下是我的浏览器显示的内容:

0 投票
3 回答
4717 浏览

javascript - 如何使用 ng-style 在点击时更新元素样式

单击特定按钮时,我需要更新 div 的大小。

这是调整 div 大小的代码

当我在模板中使用下面的代码时,一切都按预期工作

不幸的是,这在 IE (11) 中不起作用,建议使用 ng-style 属性。所以我改变了

但是当我点击按钮时,什么也没有发生。

0 投票
1 回答
4619 浏览

javascript - 来自指令的角度范围的变量未以 ng 样式同步

我在这里遇到了一个非常奇怪的情况。

起初,我写了一个简单的指令。

这是我的简化 html 代码

结果坏了。No.1 输入和 No.2 文本说宽度是 285。但是在 No.3,叶子图标的大小只是默认大小。
(抱歉没有发布结果图片。我在这里很菜鸟,我没有任何声誉)

怎么会发生?更重要的是,我该如何解决?

0 投票
1 回答
767 浏览

css - 使用另一个元素设置一个元素的宽度

这段代码被简化了,但是我需要将 div "wrap-description" 的宽度设置为 imgs "picture-damage"+20 的宽度,当然会有很多元素 "picture-damage" 和 "wrap -description”,它们的大小会有所不同。我尝试使用指令和ngStyle,但我没有成功,我该怎么办?

谢谢你。

0 投票
1 回答
436 浏览

css - 使用 Angular 设置相关 CSS 样式

我正在使用 Angular 让用户更改引导导航栏的颜色。实际的背景颜色更改本身很简单,但我还想更改一些相关的元素,如边框颜色和一些阴影。

我有的:

我将如何为导航栏的边框、突出显示的 s 等user.topBarBackgroundColor定义一些阴影(例如较暗的阴影) ?li

请注意,文本颜色可以独立更改,因此任何方法也应该并行应用。

编辑

我只需要它在现代浏览器中工作,所以任何采用的 CSS3、HTML5 等都是公平的游戏

0 投票
0 回答
305 浏览

javascript - ng-style 在渲染 Highchart 的 div 中不起作用

我正在尝试根据图表中显示的水平条数动态更改图表的高度。

我正在使用 ng-style 动态传递 css。如果我不渲染图表,ng-style 工作正常(http://jsfiddle.net/7veB2/ )。

该链接 ( http://jsfiddle.net/gsthilak/atwyh073/ ) 有一个水平方式的工作 highcharts 条形图。

我正在尝试在下面的 JSFiddle 链接中呈现 id="container" 中的图表,但它不会呈现图表。

JSFiddle(不工作)链接:http: //jsfiddle.net/gsthilak/7veB2/19/

我正在尝试动态更改图表的高度,因为如果小空间内的条形太多,图表会显得局促。

JS 代码如下所示:

HTML 代码如下所示:

请帮我解决这个问题。谢谢!

0 投票
0 回答
678 浏览

angularjs - 根据其中 li 元素的数量设置 UL 的宽度 AngularJS

我想根据 UL 中的 LI 元素的数量来更新我的 UL 的宽度,目前我正在通过创建一个带有 $timeout 的自定义指令来做到这一点,这实际上延迟了要加载内容的页面,而且我使用 jQuery 和 AngularJS 的混合实现了这一点。

有没有更好的方法可以通过观察控制器中的变量并将其传递给 ng-style 以纯角度方式执行此操作?我的页面包含几个具有可变数量 LI 的 UL。请建议。

0 投票
1 回答
3493 浏览

angularjs - 如何使用 Angularjs 的 ng-style 每 3 秒更改一次背景?

仍然在这里学习角度,经过大量研究后可以使用一些帮助。

我要进行的非常简单的示例,我只是将 ng-style 指令应用于正文以更改背景

控制器

我对 ui.bootstrap 轮播不太满意,因此我希望实现一些更简单的东西;只是希望全屏背景每 3 秒无限循环通过幻灯片集合(最终将有 6-7 张照片),不需要额外的控件。

非常感谢您的帮助。

谢谢

0 投票
0 回答
424 浏览

jquery - 应用`ng-style`后获取绝对定位元素高度

在 AngularJS 指令中获取height元素时,我看到的值好像它出现在relative父级的范围内。如何height根据显示元素的真实性获取元素的width属性?

我有以下 HTML,它将我的指令模板放入 adivwidth: 200px

这样做是为了在该宽度内显示指令内的静态元素,但也有一个动态弹出框,我可以为其赋予不同的宽度。这是我的指令模板:

我有一个ng-style被应用于absolute定位的弹出框,根据指令中传入的变量调整元素的大小。

但是当我检查指令部分中inline-header元素的高度时:link

...我得到元素的高度,就像应用到它之前一样。ng-style

是否可以根据应用的样式确定正确的元素高度ng-style

0 投票
0 回答
165 浏览

json - 基于 JSON 响应更新 ng-style

尝试根据我在应用程序首次加载时得到的响应来更新宽度的 ng-style 属性。现在我能够获取我需要的数据(计数),但我也在尝试将此计数绑定到进度样式。

现在我有:

这只是静态的,我正在使用这个来显示计数:

所以我想尝试做这样的事情:

这样我就可以获得类似于 32% 或 58% 的宽度,用于调整 CSS 宽度属性。

有很多功能绑定到这个太多了,只是想知道是否有人有一个很好的解决方案来更新这样的 ng-style。任何帮助表示赞赏。