AngularJS ng-class
来源:互联网 发布:身体除湿 知乎 编辑:程序博客网 时间:2024/04/29 02:09
test.html 页面
<!DOCTYPE html><html ng-app><head><title>Angular.js</title><style type="text/css">.warning{background-color: yellow;}.error{background-color: red;}</style><script type="text/javascript" src="angular-1.3.0.js"> </script><script type="text/javascript" src="test.js"></script></head><body><div ng-controller="WEController"><div ng-class="{error:isError,warning:isWarning}">{{messagetext}}</div><button ng-click="error()">showError</button><button ng-click="warn()">showWarn</button></div></body></html>
test.js
function WEController($scope){$scope.isError = false;$scope.isWarning = false;$scope.warn = function(){$scope.messagetext = "this is warning text";$scope.isWarning = true;$scope.isError = false;};$scope.error = function(){$scope.messagetext = "this is error text";$scope.isWarning = false;$scope.isError = true;}}初始画面
点击showError
点击showWarn
0 0
- AngularJS ng-class
- AngularJS ng-class用法
- AngularJs----ng-class
- AngularJS ng-class用法
- angularjs ng-class
- AngularJS之ng-class
- AngularJS ng-class
- angularJS之ng-class
- angularjs-ng-class指令
- 关于AngularJS的ng-class
- AngularJS学习笔记ng-class
- AngularJS中ng-class使用方法
- AngularJS 中ng-class 使用
- 关于AngularJS中的ng-class
- AngularJS中ng-class使用方法
- angularjs ng-class学习笔记
- angularjs学习笔记 ng-class
- AngularJS——ng-class
- 避免同一个文件被多次包含
- 简单的Posix 消息队列基础练习
- 腾讯移动Web整体解决方案--Spirit
- c#委托和事件
- 文章标题
- AngularJS ng-class
- oracle imp导入库到指定表空间
- CocoaPods 的安装与使用
- COPY 虚拟机中的锁优化简介
- 干式气柜安装与质量控制技术
- 一次购买火车票的思考
- Eclipse注释详解
- 献给这世上摇摆不定的人
- 在编译阶段打印提示信息