angular学习笔记(九)-css类和样式1
2020-12-13 02:35
标签：style blog class code java ext 本篇主要介绍通过数据绑定来给元素添加特定的类名,从而应用特定的样式 从一个最基本的例子来看: 一个提交的按钮,点击以后就会被禁用,显示为灰色: 给button添加类名submit-{{disable}},这样,disable的改变,就会引起button类名的改变, 当disable变量值为false时,就会拼接成submit-false类名,运用相对应的样式 原始状态: 点击一次以后: angular学习笔记(九)-css类和样式1,搜素材,soscw.com angular学习笔记(九)-css类和样式1 标签：style blog class code java ext 原文地址：http://www.cnblogs.com/liulangmao/p/3718968.html
DOCTYPE html>
html ng-app>
head>
title>6.1css类和样式title>
meta charset="utf-8">
script src="../angular.js">script>
script src="script.js">script>
style type="text/css">
.submit-false {
background:#efefef; color:#ccc
}
button {
border:1px solid #ccc; outline:0
}
style>
head>
body>
div ng-controller="ButtonDisable">
button class="submit-{{disable}}" ng-click="deActive()">提交button>
div>
body>
html>
function ButtonDisable ($scope){
$scope.disable = true;
$scope.deActive = function(){
$scope.disable = false
}
}
