将条件样式从 jQuery 迁移到 AngularJS

Posted 2023-03-06

【中文标题】将条件样式从 jQuery 迁移到 AngularJS

【英文标题】：Migrating Conditional Styling From jQuery to AngularJS

【发布时间】：2015-11-21 16:24:53

【问题描述】：

我正在制作我的第一个 Angular 应用程序，并且正在努力解决在 AngularJS 中对 DOM 进行条件样式化背后的思维过程。

我以前在 jQuery 中这样做过：

containerWidth = lineWidth / numberOfObjects; $container.css('width',containerWidth);

因此，如果有 1 个对象，则宽度为 100%，如果有 5 个，则宽度变为 20%。

我不确定是在链接中、指令中还是在控制器本身中执行此操作？

【问题讨论】：

DOM 操作基本上是在指令中完成的，但是，您可以在控制器中使用 jquery 语法。例如 .$("your selector").css() in controler

可能重复：***.com/questions/20287241/…

【参考方案1】：

请看ng-style

例子：

<div ng-style="divStyle" />

和 JS：

$scope.divStyle = 'width' : (lineWidth / numberOfObjects) + 'px;' ;

（我不知道 lineWidth 是从哪里来的……但就是这样）

【讨论】：

JS部分是否进入控制器？

是的，呈现您感兴趣的动态样式部分的控制器