AngularJS改變CSS的寫法:
(1).若是靜態設定,則不需要那麼麻煩,直接用style=...CSS...設定即可
(2).若是動態態設定,才需用AngularJS的方法
01.在controller內function去改版classname:
所有網購產品都可以打8折,免運費
02.使用 ng-class,直接設定css代號(red):
**實用,常用
方法:用ng-click按鈕,直接修改ng-class變數名稱(不用暱稱代號)
買滿5000元,打九折
03.使用 ng-style,但是直接設定css細節(不用代號red):
**實用,常用
方法:用ng-click按鈕,直接修改ng-class變數名稱(不用暱稱代號)
注意一:是設定 ng-style,不是 ng-class
注意二:style的寫法,有點不同,沒有-,後接子母要大寫(例如:fontSize:'50px')(不是font-size:50px)
每次購物滿1000,集點數10點
04.使用 ng-class:
方法:AngularJS 提供 ng-class 讓我們可以動態的變換 css class
方法:使用Map Syntax繫結,使用物件的方式設定
例如:{strike: deleted, bold: important, red: hot}
驅動方法:在checkbox的 ng-model=class繫結代號,例如hot代表紅色
標楷體
大小50點
紅色
粗體
所有產品都免運費
05.使用 ng-class:
方法:ng-click的暱稱代號允許二元雙向判斷(適合配合checkbok)
紅色
週年慶,全店產品八折
刪除線
光棍節,全店產品七折