Javascript 多个RGB字符串到颜色框

基本上我有这个

正如你在小提琴上看到的，有一长串数字（它们是rgb代码）

您可以看到mydiv中只有一个框（完全忘了在调色板中添加其他框）

基本上，我需要所有其他RGB代码都有自己的框来显示RGB表示的颜色

这是你的代码

HTML

---

我希望使用JS来分割代码，我可以返回不带方括号的数据

[]

，因此理论上我需要JS来抓取每个rgb代码并显示框内的颜色。

半生不熟的JSIDLE确实没有多大帮助。Fiddle是一个工作示例，因此我们可以立即查看现有条件并进行调试，而不是让您粘贴代码供人们阅读

有关解决方案，请参阅代码段。您可以使用

ng style

将rgb值动态放置为css样式

角度模块（'test'，[]） .controller（'Test'，函数（$scope）{ $scope.data=[59214252]、[217236252]、[14137250]、[4,31156]、[43188251]、[13,86199]、[107162231]、[53117204]、[61159245]； });

.box{
宽度：50px；
高度：50px；
边框：1px实心#000；
浮动：左；
右边距：10px；
}

您是否忘记在小提琴中添加JSoNope没有任何js，所以如果我没有js，我就不能添加js哈哈！！那么你的问题是什么？我如何将RGB代码拆分为多个div，例如一个div中的

[59214252]

和另一个div中的

[217236252]

等等

<span class="glyphicon glyphicon-ok"></span>
    <h3>Make a Custom Theme from your image</h3>
    <p> Based on your logo we believe this is the best colour scheme for you</p>
    <div id="mydiv" style="background-color: rgb({{dominantColor}})"></div>
    <h4>{{palette}}</h4>
    <h4>
        [[59,214,252],[217,236,252],[14,137,250],[4,31,156],[43,188,251],[13,86,199],[107,162,231],[53,117,204],[61,159,245]]
    </h4> <!-- This is whats returned via the {{palette}} -->
    <p>is this correct?</p>
    <!--<button type="submit" class="btn btn-danger">Submit</button>-->
</div>

#mydiv {
  width: 100px;
  height: 100px;
  border: 1px solid #000;
}