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

angularjs - angularjs动态修改css类

我的目标是使用angular js动态修改css类值

我的html

CSS类:

目标是动态修改进度条 宽度的值,例如从 20% 到 30%

0 投票
1 回答
32 浏览

angularjs - ng-style 在动态添加的 html 的情况下没有得到应用

我有一个表单,其中的字段会在单击按钮时动态添加。这是添加表单字段的功能

如果我直接在 html 中编写表单域代码,则 ng 样式会正确应用。但是,如果我使用上述函数添加表单字段,则不会应用 ng 样式。

为了让 ng-style 在动态添加的字段中工作,我还应该添加什么其他内容到我的代码中。

0 投票
1 回答
2471 浏览

ng-class - 如何在 ngstyle 或 ngclass 中设置条件

我有 2 个不同的页面将显示相同的数据,并且两者都共享相同的组件。但是这两个页面的分辨率不同,一个是带有警告框的大小,一个是类似的 A4 大小。如何为它们设置动态高度和宽度。我尝试使用 ngstyle 不确定如何在普通 html 中正确实现它

<tbody class="classname" style="height: 60px; width: fit-content;"> 我添加了这个并且它可以工作,但是两个页面都采用相同的分辨率。

所以使用 ngstyle 我再次尝试了同样的事情,两个页面都设置为相同的 60

[ngStyle]="{'height.px': 'Height' ? '60' : '200' }"

或者它有任何使用ngclass的解决方案?

0 投票
1 回答
85 浏览

angular - 单击后如何使用 [ngStyle] 显示和隐藏 div

单击按钮后,我试图显示一个 div。此单击从我的 component.ts 中调用一个函数。

我想在这个上显示结果,但我希望它保持隐藏,在我调用这个函数之前,我并没有真正得到解决方案,使用 Jquery 可能会更容易......但我还没有将它与 Angular 一起使用。

我会感谢任何帮助..非常感谢:))

代码,首先是视图

以及filme.component.ts中的功能

0 投票
1 回答
48 浏览

javascript - JavaScript 获取特定的跨度值“ng-style”

代码是:

还有许多类似的跨度。

我想使用document.querySelector(span[ng-style="item.disable_method?{'opacity':'.5'}:{}"]) 来获得价值Credit Card,但我收到了不同的付款方式,因为所有跨度 ID 都是相同的。

编辑:

我的问题不清楚。我想参考第一个。

喜欢var payment_Method = document.querySelector或任何方法,所以我可以使用喜欢payment_Method.innerHTML获得“信用卡”回报

我怎样才能正确?也许循环或其他东西。

不能用户document.getElementsByClassName('ng-binding')[Change_Able_Value].innerText作为价值改变。

0 投票
1 回答
18 浏览

angular - 我如何用 ngstyle 解决问题?

这是我写的代码吃了 post.component.html 有错误:意外字符“EOF”(

怎么了?

0 投票
0 回答
21 浏览

html - 使用 [style.width.%] 以指数方式设置 div 的宽度

我想设置一个 div 的宽度,比如说它的容器的 7%

单元格项目应该是水平滚动的,它似乎不起作用。请问有什么帮助吗?

0 投票
1 回答
24 浏览

angularjs - 限制 AngularJS ng 风格

ng-style我正在通过我的自定义方法根据视口计算容器高度。

一切正常,但即使元素已设置样式,它也会继续调用该方法。我有大量需要设置样式的 DOM 元素。这就是为什么,我不能允许所有元素的连续执行。请注意,我不能使用ng-class,因为每个元素都包含不同的内容。由于元素数量不受限制,因此无法使用控制器范围变量。

HTML:

功能:

我尝试使用 acustom directive但绑定DOM或编写 awatcher对我来说不是一个更可取的解决方案,因为性能原因。提前致谢!

0 投票
1 回答
41 浏览

angular - 在孩子中使用父属性(高度,宽度)

我正在使用材质对话框,需要将我的大小调整到对话框的边缘。我有什么(: 在此处输入图像描述 我需要什么(窗户的整个上部都被涂上了,而不仅仅是条带):

在此处输入图像描述

我的解决方案不起作用: