ng-hide-add和ng-hide-remove无法以角度进行过渡

Question

/ *要查看单击眼睛图标以选择它。

.fadel{ // Css on fadel class
    width: 400px;
    max-width: 400px;
    top: 0rem;
    left: 12rem;
    height: 5rem;
    max-height: 5rem;
    position: absolute;
    display:block;
    padding: 8px;
    background: #DCECFF;
    border: 1px solid rgba(0,0,0,0.40);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.30);
    border-radius: 4px;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    line-height: 28px;
    color: #555;
    opacity: 1;
}
.fadel.ng-show-remove { // css to remove and add handle for ng class
    transition-property: display;
    transition-duration: 2s;
    transition-timing-function: linear;
    transition-delay: 1s;
    display: none !important;
}
.fadel.ng-show-add {// css to remove and add handle for ng class
    transition-property: display;
    transition-duration: 2s;
    transition-timing-function: linear;
    transition-delay: 1s;
    display: none !important;
}

//我正在通过控制器中的范围进行显示和隐藏，但隐藏和显示的css处理程序没有改变？ * /