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

angularjs - AngularJS ng-include 每个属性的函数或值绑定

我想做以下事情:

ng-style="{ 'width': iconWidth(), 'height': height }"

iconWidth是一个函数并且height是一个字符串。我想保留 ng-style 语法,而不是将 ng-style 绑定到整个对象(不是ng-style="css".

谢谢你的帮助。

0 投票
1 回答
2720 浏览

javascript - AngularJS:用于将动态 base64 编码图像作为背景图像的 ng-class

有人设法使用 ng-class 将动态 base64 编码图像作为 div 的背景图像吗?似乎适用于 JQuery(请参阅Is there a way to set background-image as a base64 encoded image in javascript?),但我还没有找到任何适用于 AngularJS 的解决方案。我的这种方法似乎行不通:

dynamicImage保存通过 REST Web 服务动态加载的 base64 图像字符串。知道这是否有效以及如何有效?

0 投票
2 回答
493 浏览

javascript - AngularJS ng-style 运行两次?

我的 randomWidth() 函数调用两次时遇到问题,即使我从元素中删除了 ng-repeat 属性,它仍然调用了两次。我似乎无法弄清楚如何解决这个问题。我猜有办法解决这个问题,或者可能是我明显遗漏的东西?

HTML:

Javascript:

实时代码:http ://codepen.io/daviddiefenderfer/pen/qZpqdK

0 投票
4 回答
29552 浏览

angular - Angular2 异常:无法绑定到“ngStyle”,因为它不是已知的本机属性

我最近对新的 Angular2 框架做了很多工作。在测试一些功能时,我最终遇到了错误:

Can't bind to 'ngStyle' since it isn't a known native property

在调查错误本身时,我找到了几种解决方案,例如将“指令:[NgStyle]”添加到组件中,但这并不能解决问题。

代码如下:

main.ts

应用程序.ts

按钮.ts

谢谢您的帮助。

0 投票
2 回答
319 浏览

angularjs - Angularjs - 无法将 ng 样式应用于 img 标签(使用 ng-repeat)

我正在使用 Angularjs 来在 DOM 中显示一些图像,并对它们应用一些样式(使背景变暗)。看来我无法应用ng-styleimg标签。这是什么原因?

在这里拉小提琴

HTML:

CSS:

0 投票
2 回答
1433 浏览

javascript - 基于其他 DOM 元素以 ng 样式使用变量

我有两个表(.table1 和 .table2)并排放置在页面上的单独 DIV 中,并且无论内容如何,​​我都希望第二个表行与第一个表行的高度匹配,以便它们完美对齐。第一个表是使用 ng-repeat 基于数据库中的值构建的,因此高度可以变化 - 无论哪种方式,第二个表中的等效行都应该始终匹配。

我一直在尝试许多不同的想法,但我认为在 ng 样式中为 table2 行使用 jQuery 选择器可能有效(见下文),但它没有;

或者

显然不起作用,但如果我用特定值替换 jQuery 选择器,它会按预期设置行的样式;

我对使用 jQuery 并不在意,而是在其他地方使用它,所以没有问题,但基本上我只想根据第一个表 (.table1) 的行高对齐每个表中行的高度。所以问题是,如何获取 table1 中一行的高度值,并使用角度将其应用为 table2 中同一行的高度?

0 投票
2 回答
1016 浏览

angularjs - 如何使用角度js(1.3.20)动态更改body元素上的背景图像

我想动态地使用角度 js 更改 body 元素上的背景图像。我正在尝试这样做,如下所述:

从控制器设置 vm.img 的位置,但我无法相应地更改图像。

0 投票
0 回答
24 浏览

javascript - Angular JS - 字符串的 10 个 $Digest 循环错误?

请在运行时参考控制台 - http://jsfiddle.net/E9bU5/239/

从其他 SO 帖子中,我了解到当结果是一个对象并且始终不同时会引发此错误。但就我而言,它只是字符串。然后它也抛出错误。如何解决这个问题?

0 投票
1 回答
2316 浏览

forms - 如果在 Angular2 中满足条件,则在下拉列表中设置选定的属性

我的项目中有 2 个对象:acompanyuser. 我有一个表格,用户可以在其中更新他的个人资料。他可以更新的一件事是国家。现在要显示我使用下拉列表的国家/地区。

我想selected在选项中设置属性,其中 的name等于country实际countryuser。( country.name==user.country)

这是我尝试过的,但它似乎不起作用。

0 投票
2 回答
1185 浏览

javascript - 不同页面背景的body标签上的Angular ng风格?

我是 angular 和 ngroute 的新手,我正在尝试使用 ng-style 为网站的每个页面设置不同的图像背景。目前它设置所有站点页面的背景,即使我有不同的控制器范围图像 url。

我的html是这样的:

我的脚本: var angVenture = angular.module('angVenture', ['ngRoute']);

用ui-router做这个会更好吗?