前端学习（1560）：ng-class颜色切换

<!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>
<!-- 需要angular的代码必须包裹在ng-app的代码中 -->
<!-- ng-bind遇到html的时候会转义 为了安全 --><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>

运行结果

前端学习（1560）：ng-class颜色切换相关推荐

WEB前端学习——第六次作业（banner图片左右切换按钮）
WEB前端学习--第六次作业(banner图片左右切换按钮) 使用小米商城首页的banner作为举例代码如下: <!DOCTYPE html> <html><head& ...
前端H5怎么切换语言_「自学系列一」HTML5大前端学习路线+视频教程完整版
全新Java.HTML5前端.大数据.Python爬虫.全链UI设计.软件测试.Unity 3D.Go语言等多个技术方向的全套视频. 面对这么多的知识点,有的盆友就麻爪了-- 我是谁? 我该从哪里开始 ...
【FE前端学习】第二阶段任务-基础
技能学习部分: 1.需要熟练掌握HTML标签以及CSS各个常用属性. 2.掌握CSS3 常用属性 3.掌握jquery的基本用法,对于JS基本逻辑语句需要熟练掌握上文 [FE前端学习]第二阶段任务- ...
2020年最新前端学习路线
这段日子在 B 站上收到小伙伴最多的要求就是出一个前端学习路线,我能够充分的感受到大家抓耳挠腮加挠墙的迷茫~所以在这里给大家总结了一套前端学习路线.先从初级前端工程师所需的技能开始,然后一路升级到高级 ...
前端学习总结，经验分享，项目经验分享过程
前言来,和魔王哪吒总结一下,分享一下自己对前端学习总结,经验分享,以及写过的项目经验分享过程. 如果觉得还不错的话,浏览的过程中,需要您: 点赞,分享,评论有钱的捧个钱场,没钱的捧个人场技术实践 ...
前端学习2——CSS3
前端学习2--CSS3 0.css注释 /* 这是一条注释 */ 1.样式优先级行内样式>内部样式>外部样式 1.1.行内样式 <p style="font-size:1 ...
前端学习1——HTML5
前端学习1--HTML5 0.HTML注释  1.基本标签 1.1.文档类型 <!DOCTYPE html> 1.2.文档信 ...
前端学习第一周-计算机基础，html标签的介绍，其中包括列表，表格以及表单的使用
前端学习第一周-HTML基础文章目录前端学习第一周-HTML基础前言 DAY 1 计算机组成计算机网络 DAY 2 vscode快捷方式 HTML骨架 DAY 3 HTML属性 HTML标签 ...
前端学习笔记（五）：VUE基础学习笔记
文章目录初识VUE(项目搭建) @vue/cli 创建项目 @vue/cli 自定义配置 vue指令基础指令虚拟DOM与key 过滤器计算属性侦听器 VUE组件创建使用组件通信生命周期 ...
【前端学习之HTMLCSS进阶篇】-- HTML第四篇 -- 美化表单
[前端学习之HTML&CSS进阶篇]-- HTML第四篇 – 美化表单文章目录 [前端学习之HTML&CSS进阶篇]-- HTML第四篇 -- 美化表单前言一.新的伪类 1. f ...

前端学习（1560）：ng-class颜色切换

前端学习（1560）：ng-class颜色切换相关推荐

最新文章

热门文章