Question

我正在尝试制作一个简单的程序。用户在文本框中键入文本，并显示在下面。但是，我也希望根据用户在“颜色”字段中输入的内容来更改字体颜色。为什么这行不通？

  <!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
</head>

<body>

<div ng-app="">



<textarea name="message" rows="10" cols="30" ng-model="writing">
</textarea>
<span>    Color: <input type = "text" ng-model="marker_color"></span>
<br>
<br>

<div id = "whiteboard" ng-bind="writing" style="color:{{marker_color}}"></div>

</div>

</body>
</html>

我尝试在'marker_color'两侧添加空格，在变量后加上分号，在'font-color'和'color'之间切换...似乎没有任何效果。

我看到了很多有关如何做这类事情的问题，但其中大多数似乎都在使用更高级的AngularJS。这是非常基本的，似乎应该可以。

Answer 1

您实现了这样的目标

ng-style="{ 'color' : marker_color }"

简单尝试使用AngularJS更改字体颜色，为什么它不起作用？

1 个答案: