将条件样式从 jQuery 迁移到 AngularJS答案

【问题标题】：Migrating Conditional Styling From jQuery to AngularJS将条件样式从 jQuery 迁移到 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
可能重复：stackoverflow.com/questions/20287241/…

【解决方案1】：

请看ng-style

例子：

<div ng-style="divStyle" />

和 JS：

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

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

【讨论】：