我正在尝试制作一个简单的程序。 用户在文本框中键入文本,它显示在下面。 但是,我也希望字体颜色根据用户在"颜色"字段中键入的内容进行更改。 为什么这不起作用?
<!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"的两侧加上空格,在变量后放一个分号,在"字体颜色"和"颜色"之间切换......似乎什么都不起作用。
我看到很多关于如何做这类事情的问题,但大多数问题似乎都在使用更高级的AngularJS。 这是非常基本的,似乎应该可以工作。
你这样实现
ng-style="{ 'color' : marker_color }"