追加する 'アクティブ' クラス

Question

こんにちは私持って次のコード：

div(ng-repeat='cladding in claddings track by $index' ui-sref='app.protected.docInside.cladding({documentId, claddingId: cladding.id})') 
    div(ng-if='!cladding.deleteFlag') 
     .doc-child-img 
     p {{cladding.name}} 
     element-dropdown(type='"cladding"') 
     .clearfix 
    del(ng-if='cladding.deleteFlag') 
     .doc-child-img 
     p {{cladding.name}} 
     element-dropdown(type='"cladding"') 
     .clearfix 

私はdiv要素に設定するにはどうすればよい（NG-IF = '！cladding.deleteFlag'）とデル（NG -if = 'cladding.deleteFlag'） ngクラスはホバリングで 'アクティブ'ですか？あなたはそれにプロパティを追加し、現在のホバーアイテムを取るNG-クラスにDOM要素に

を

NG-マウスオーバー& & NG-mouseleaveを新しいイベントを登録することができます

Answer 1

は「ホバー」

が好き

ここの例 div(ng-repeat='cladding in claddings track by $index' ui-sref='app.protected.docInside.cladding({documentId, claddingId: cladding.id})') div(ng-if='!cladding.deleteFlag') .doc-child-img p {{cladding.name}} element-dropdown(type='"cladding"') .clearfix del(ng-if='cladding.deleteFlag',ng-mouseover="cladding.hover=true",ng-class='{myClass:!!cladding.hover}',ng-mouseleave="cladding.hover = false") .doc-child-img p {{cladding.name}} element-dropdown(type='"cladding"') .clearfix