点击选择背景色

最新推荐文章于 2023-04-15 11:22:37 发布

xiao_hei_1

最新推荐文章于 2023-04-15 11:22:37 发布

阅读量381

点赞数

本文链接：https://blog.csdn.net/xiao_hei_1/article/details/78229756

版权

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="angular-1.3.0.js"></script>
    <style>
        .tks{
            background-color: lightblue;
        }
        .fqs{
            background-color: coral;
        }
    </style>
</head>
<body ng-app="">
<p>选择一个类:</p>
<select ng-model="world">
    <option value="tks">天蓝色</option>
    <option value="fqs">番茄色</option>
</select>
<div  ng-class="world">
    <h1>你好</h1>
    <hr>

    <div ng-init="xianshi=false">
        <div ng-if="xianshi">1</div>
    </div>
    <div ng-init="xianshi2=true">
        <div ng-show="xianshi2">2</div>
    </div>
    <div ng-hide="xianshi3=false">
        <div ng-hide="xianshi3">3</div>
    </div>


</div>
<hr>
<div>
    输入:<input ng-model="name">
    <h1>你输入了:{{name}}</h1>
</div>

</body>
</html>