问题标签 [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.
angularjs - 如何使用 AngularJS 更改样式?
我首先用 0px 初始化一个变量:
然后我有一个需要这种样式的块:
但是当我将该值更改为不同的值时,样式根本不会改变。以下是我的浏览器显示的内容:
javascript - 如何使用 ng-style 在点击时更新元素样式
单击特定按钮时,我需要更新 div 的大小。
这是调整 div 大小的代码
当我在模板中使用下面的代码时,一切都按预期工作
不幸的是,这在 IE (11) 中不起作用,建议使用 ng-style 属性。所以我改变了
但是当我点击按钮时,什么也没有发生。
javascript - 来自指令的角度范围的变量未以 ng 样式同步
我在这里遇到了一个非常奇怪的情况。
起初,我写了一个简单的指令。
这是我的简化 html 代码
结果坏了。No.1 输入和 No.2 文本说宽度是 285。但是在 No.3,叶子图标的大小只是默认大小。
(抱歉没有发布结果图片。我在这里很菜鸟,我没有任何声誉)
怎么会发生?更重要的是,我该如何解决?
css - 使用另一个元素设置一个元素的宽度
这段代码被简化了,但是我需要将 div "wrap-description" 的宽度设置为 imgs "picture-damage"+20 的宽度,当然会有很多元素 "picture-damage" 和 "wrap -description”,它们的大小会有所不同。我尝试使用指令和ngStyle,但我没有成功,我该怎么办?
谢谢你。
css - 使用 Angular 设置相关 CSS 样式
我正在使用 Angular 让用户更改引导导航栏的颜色。实际的背景颜色更改本身很简单,但我还想更改一些相关的元素,如边框颜色和一些阴影。
我有的:
我将如何为导航栏的边框、突出显示的 s 等user.topBarBackgroundColor
定义一些阴影(例如较暗的阴影) ?li
请注意,文本颜色可以独立更改,因此任何方法也应该并行应用。
编辑
我只需要它在现代浏览器中工作,所以任何采用的 CSS3、HTML5 等都是公平的游戏
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 代码如下所示:
请帮我解决这个问题。谢谢!
angularjs - 根据其中 li 元素的数量设置 UL 的宽度 AngularJS
我想根据 UL 中的 LI 元素的数量来更新我的 UL 的宽度,目前我正在通过创建一个带有 $timeout 的自定义指令来做到这一点,这实际上延迟了要加载内容的页面,而且我使用 jQuery 和 AngularJS 的混合实现了这一点。
有没有更好的方法可以通过观察控制器中的变量并将其传递给 ng-style 以纯角度方式执行此操作?我的页面包含几个具有可变数量 LI 的 UL。请建议。
angularjs - 如何使用 Angularjs 的 ng-style 每 3 秒更改一次背景?
仍然在这里学习角度,经过大量研究后可以使用一些帮助。
我要进行的非常简单的示例,我只是将 ng-style 指令应用于正文以更改背景
控制器
我对 ui.bootstrap 轮播不太满意,因此我希望实现一些更简单的东西;只是希望全屏背景每 3 秒无限循环通过幻灯片集合(最终将有 6-7 张照片),不需要额外的控件。
非常感谢您的帮助。
谢谢
jquery - 应用`ng-style`后获取绝对定位元素高度
在 AngularJS 指令中获取height
元素时,我看到的值好像它出现在relative
父级的范围内。如何height
根据显示元素的真实性获取元素的width
属性?
我有以下 HTML,它将我的指令模板放入 adiv
中width: 200px
:
这样做是为了在该宽度内显示指令内的静态元素,但也有一个动态弹出框,我可以为其赋予不同的宽度。这是我的指令模板:
我有一个ng-style
被应用于absolute
定位的弹出框,根据指令中传入的变量调整元素的大小。
但是当我检查指令部分中inline-header
元素的高度时:link
...我得到元素的高度,就像应用到它之前一样。ng-style
是否可以根据应用的样式确定正确的元素高度ng-style
?
json - 基于 JSON 响应更新 ng-style
尝试根据我在应用程序首次加载时得到的响应来更新宽度的 ng-style 属性。现在我能够获取我需要的数据(计数),但我也在尝试将此计数绑定到进度样式。
现在我有:
这只是静态的,我正在使用这个来显示计数:
所以我想尝试做这样的事情:
这样我就可以获得类似于 32% 或 58% 的宽度,用于调整 CSS 宽度属性。
有很多功能绑定到这个太多了,只是想知道是否有人有一个很好的解决方案来更新这样的 ng-style。任何帮助表示赞赏。