Question

我在angularJS App中看到了这个：

也许他画的是边界？我有什么想法可以做到这一点吗？颜色应该是可以改变的。

Answer 1

我制作了一个plunker，您可以使用ngStyle更改点的颜色，请看一下。

使用ngStyle，您还可以更改控制器中的背景颜色。

HTML code：

<body ng-app="">
  <input type="button" value="change color to blue" ng-click="myStyle={'background-color':'blue'}">
  <input type="button" value="change color to red" ng-click="myStyle={'background-color':'red'}">
  <div class="circle" ng-style="myStyle"></div>
</body>

CSS代码：

.circle {
  height: 20px;
  width: 20px;
  background-color: red;
  border-radius: 10px;
}

在AngularJS中绘制彩色圆点

1 个答案: