javascript - 查询 dom 中的 angularjs 对象

Question

我有一个带有 html 网格的页面。对于每个对象，我添加了一个带有 ID 的 ng-style。

在我的 Controller 中，我需要能够根据数据调用中的对象名称设置样式。

示例“sD3”，“dD3”

<div id="sD3" data-ng-style="sD3" class="roundabout-rowDcol3"></div>
<div id="dD3" data-ng-style="dD3" class="grid-data-rowDcol3"></div>

除了在 Controller 中使用非常大的开关之外，还有其他方法可以抓取对象并设置样式吗？

类似这样的事情:

object = {"background-color": style.backgroundColor, color": style.color,};

Answer 1

在 $scope 上使用属性访问器。

对于:

<div id="sD3" data-ng-style="sD3" class="roundabout-rowDcol3"></div> 

用途:

var id = "sD3";

$scope[id] = {"background-color": style.backgroundColor, "color": style.color,};