AngularJS ng-class，angularjsng-class
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>
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
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
