Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将条件样式从jQuery迁移到AngularJS_Jquery_Css_Angularjs - Fatal编程技术网

将条件样式从jQuery迁移到AngularJS

将条件样式从jQuery迁移到AngularJS,jquery,css,angularjs,Jquery,Css,Angularjs,我正在制作我的第一个AngularJS应用程序,并且正在努力解决AngularJS中有条件地设计DOM背后的思维过程 我以前在jQuery中是这样做的: containerWidth=线宽/numberOfObjects; $container.css('width',containerWidth) 因此,如果有1个对象,宽度为100%,如果有5个对象,宽度为20% 我不确定是在链接中、在指令中还是在控制器本身中执行此操作 请看 例如: <div ng-style="divStyle" /

我正在制作我的第一个AngularJS应用程序,并且正在努力解决AngularJS中有条件地设计DOM背后的思维过程

我以前在jQuery中是这样做的:

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

因此,如果有1个对象,宽度为100%,如果有5个对象,宽度为20%

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

请看

例如:

<div ng-style="divStyle" />

(我不知道线宽从何而来……但这就是想法)

DOM操作基本上是在指令中完成的,但是,您可以在Controller中使用jquery语法。控件中的$(“您的选择器”).css()可能重复:JS部分是否进入控制器?是的,呈现您感兴趣的动态样式的视图部分的控制器
$scope.divStyle = {'width' : (lineWidth / numberOfObjects) + 'px;' };