添加 '主動' 類NG重複懸停

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 class'active'on hover ??

Answer 1

您可以將新註冊事件的DOM元素

NG-鼠標懸停& & NG-鼠標離開與納克級

拿那麼當前懸停項目它喜歡「懸停」

添加屬性

這裏的例子 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