Html AngularJS动态背景颜色变换器验证错误_Html_Angularjs_Compiler Errors_Background Color

Html AngularJS动态背景颜色变换器验证错误

html angularjs compiler-errors

Html AngularJS动态背景颜色变换器验证错误,html,angularjs,compiler-errors,background-color,Html,Angularjs,Compiler Errors,Background Color,我想创建一个动态背景颜色变换器。我在网上找到了很多教程，但没有一本有效。这是迄今为止最接近的一次。这是我的代码： <h1>Background color changer</h1> <html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.11/angular.min.js"></s

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

<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>

背景色变换器
var app=angular.module（“Myapp”，[]）
app.controller（“Mycontroller”，函数（$scope）{
$scope.colors=[{
名称：“红色”，
颜色：“红色”
},
{
名称：“黄色”，
颜色：“黄色”
},
{
名字：“粉红”，
颜色：“粉色”
},
{
名称：“青色”，
颜色：“青色”
},
{
名称：“橙色”，
颜色：“橙色”
}
]
});
选择颜色
{{colorselect.name}


我关闭了设置中的Html>Validate:Styles，因此错误不再出现在VSCode中。但当我运行ng serve时，它们仍然在Node.js中


我怎样才能解决这个问题？谢谢
 您似乎将AngularJS和AngularJS混合在一起，这两种方法不同。您包含的代码片段是AngularJS，而屏幕截图中的错误来自ng serve
，这是一个角度工具。这就是问题所在吗？那会很奇怪，我是为学校做的，老师让我们这样做。最简单的解决方法是什么？AngularJS是一个遗留框架，今年年底将不再更新。我怀疑您打算在较新的Angular框架中进行工作。我建议您首先非常清楚应该使用哪个框架。然后确保您所遵循的任何示例都使用了正确的框架。好的，谢谢您的想法。我明天会看看如何改变它。