Javascript 使用不同的大小属性重复数组，然后使用它来唯一地设置每个div的样式

我有一个由50个正方形组成的数组，每个正方形都有随机生成的不同边长，我试图在数组中重复这些边长，并使用边长对每个正方形进行唯一的样式设置。有什么想法吗

<div ng-controller="ShapesController as sc" ng-init="sc.displaySorted()">
  <div class="square" ng-repeat="sq in sc.shapesToDisplaySq" style="width:" + sq.sideLength + "px" + ";height:" + sq.sideLength + "px" + ";">
    {{sq}}
  </div>
</div>

{{sq}}

shapesToDisplay数组确实记录了一个对象数组，每个对象都有一个唯一的边长值，所以我只需要找到一种方法将该值转换为css样式。谢谢

---

您需要使用{{}作为样式

<div ng-controller="ShapesController as sc" ng-init="sc.displaySorted()">
  <div class="square" ng-repeat="sq in sc.shapesToDisplaySq" style="width: {{sq.sideLength}}px; length: {{sq.sideLength}}px">
    {{sq}}
  </div>

</div>

{{sq}}

谢谢！当我尝试它似乎不起作用时，当我检查它时，它会给我一个无效的属性值

下面是我的代码：

<div ng-controller="ShapesController as sc" ng-init="sc.displaySorted()">
  <div class="square" ng-repeat="sq in sc.shapesToDisplaySq" style="width: {{sq.sideLength}}; length: {{sq.sideLength}}">
    {{sq}}
  </div>

</div>

{{sq}}

---

我也试着添加！重要提示：

shapesToDisplay数组是否等同于sc.shapesToDisplaySq？还可以发布sq对象的外观吗？请使用

ng style

：是！sc.shapesToDisplaySq设置为vm.shapesToDisplaySq，它使用唯一的边长属性注销50个方形对象。我将添加控制台的照片；高度：{{sq.sideLength}}px CSS中没有长度属性，您需要使用高度，并且在valueOMG之后缺少单位（px）！成功了。谢谢我改了很多次，把简单的东西都弄糟了。没问题，很高兴我能帮上忙。