成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

angularjs-更改樣式ng-class,ng-style

#ng-class和ng-style
<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <script type="text/javascript" src='js/angular.min.js'> </script>
  <style type="text/css">
   .ng-cloak{display:none;}
   .red{background: red;}
   .yellow{background: yellow;}
  </style>
 </head>
 <body ng-app="hd" ng-cloak class="ng-cloak">
  <div ng-controller="ctrl">
   <table>
    <tr>
     <td><input type="checkbox" ng-checked="status" ng-model="status" />`status`</td>
     <td>{{status?"取消":"全選"}}</td>
    </tr>
    <tr ng-repeat="v in data"  >
     <td><input type="checkbox" ng-checked="status" />`status`</td>
     <!--ng-class 樣式根據(jù)數(shù)據(jù)動態(tài)變化-->
     <!--ng-style 自定義樣式-->
     <td><div ng-class="status?'red':'yellow'" ng->`v`</div></td>
    </tr>
   </table>
   文字大小: <input type="text" ng-model="size" />
  </div>
  
  <script type="text/javascript">
   var m=angular.module('hd',[])
   m.controller('ctrl',['$scope',function($scope){
    $scope.status=true
    $scope.data=['game','coding','card']
   }])
  </script>
 </body>
</html>

本文標題:angularjs-更改樣式ng-class,ng-style
分享鏈接:http://jinyejixie.com/article32/iieopc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗、域名注冊、Google云服務(wù)器、移動網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

微信小程序開發(fā)
六盘水市| 乌海市| 黔西县| 平原县| 布尔津县| 克山县| 黄龙县| 游戏| 贵南县| 大英县| 安图县| 景宁| 武夷山市| 搜索| 宁陵县| 丰台区| 尉氏县| 米脂县| 凌海市| 阳西县| 白河县| 吉木萨尔县| 卫辉市| 大悟县| 犍为县| 高要市| 锦屏县| 平塘县| 汉源县| 商水县| 寿光市| 葫芦岛市| 盐津县| 蓝山县| 新津县| 潮安县| 卫辉市| 金湖县| 玉门市| 苍溪县| 石景山区|