angular27-ng-class颜色切换

最新推荐文章于 2023-03-15 15:16:45 发布

前端歌谣

最新推荐文章于 2023-03-15 15:16:45 发布

阅读量95

点赞数

文章标签：大数据

本文链接：https://blog.csdn.net/qq_41632427/article/details/125704183

版权

歌谣-前端-angular 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>ng-app指令</title>
        <style>
            .red {
                background-color: red;
            }

            .green {
                background-color: green;
            }

            #box {
                height: 200px;
                width: 200px;
                transition: background-color 1s ease;
            }
        </style>
    </head>
    
    

    <body ng-app>
        <select ng-model="style">
          <option value="red">红色</option>
          <option value="green">绿色</option>
      </select>
        <div id="box" ng-class="style"></div>
        <script src="./js/Angular.js"></script>
        
        <script>
        </script>
    </body>

    </html>