angular分類的那種點選

2021-08-08 20:23:15 字數 883 閱讀 9693

先說一種最直接了當的不需要js控制,方法一:直接在用ng-class就可以控制:

<

p ng-click=

"state=1;"

ng-class=

"">

浮傷年華

p>

<

p ng-click=

"state=2;"

ng-class=

"">

憂傷說笑

p>

在style裡面設定如下:

<

style

type=

"text/css"

>

.active

style

>

這樣就會點哪個哪個變色了。

方法二:style同上,hetml如下:

<

div

ng-controller=

"active

">

ng-click=

"isactive

(1)"

class=

"}">

劇情再美

p>

<

p ng-click=

"isactive

(2)"

class=

"}">

終究是戲

p>

div>

js**如下:

$scope

.isactive

=function(i

)

若想要第乙個預設為有顏色的,則在js裡面加如下即可:

$scope

.i=

1;

Angular點選按鈕後,更改樣式

css 類 btnrequest selectedbuttonstyle html類 class.selectedbuttonstyle showpayee payee request class.selectedbuttonstyle showcheck check request 主要是 cla...

angular中實現li或者某個元素點選變色

先說一種最直接了當的不需要js控制,方法一 直接在用ng class就可以控制 p ng click state 1 ng class 浮傷年華 p p ng click state 2 ng class 憂傷說笑 p 在style裡面設定如下 style type text css active ...

angular4 防二次重複點選

監聽click事件,預設三秒鐘內的點選事件觸發第一次的點選事件,也可以通過throttletime自定義時間 只觸發第一次 throttleclick 5 s throttleclick default import from angular core import from rxjs subjec...