angularjs动态背景颜色转换器验证错误

flmtquvp 于 2021-09-29 发布在 Java

关注(0)|答案(0)|浏览(212)

我想创建一个动态背景颜色变换器。我在网上找到了很多教程，但没有一本有效。这是迄今为止最接近的一次。这是我的代码：

<h1>Background color changer</h1>

<html>
    <head>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.11/angular.min.js"></script>
        <script>
            var app = angular.module("Myapp", [])
app.controller("Mycontroller", function($scope) {
  $scope.colors = [{
      name: 'Red',
      color: 'red'
    },
    {
      name: 'Yellow',
      color: 'yellow'
    },
    {
      name: 'Pink',
      color: 'pink'
    },
    {
      name: 'Cyan',
      color: 'cyan'
    },
    {
      name: 'Orange',
      color: 'orange'
    }
  ]
});
        </script>
    </head>
    <body>

        <div ng-app="Myapp" ng-controller="Mycontroller">
            <select>
              <option value="" selected hidden>Select Color</option>
              <option ng-repeat="colorselect in colors" style="background-color:{{colorselect.color}}">{{colorselect.name}}</option>

            </select>
            <p>
              <a routerLink="/loggedinsettings">Go back</a>
            </p>

            <hr/>

          </div>
    </body>
</html>

还显示了2个验证错误：

我关闭了设置中的html>validate:styles，因此错误不再出现在vscode中。但当我运行ng serve时，它们仍然在node.js中。

我怎样才能解决这个问题？谢谢