Sto cercando di creare una direttiva con il seguente functionalty:angolare - tooltip quando le interruzioni di linea
quando le interruzioni di riga (non più luogo nel div) verrà creato un tooltip (con il testo completo) e il il testo verrà tagliato e sostituito da 3 punti.
tutto quello che ho trovato finora è per il multi linea, il migliore che ho ottenuto è questa:
css:
.trim-info {
max-width: 50px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 15px;
position: relative;
}
modello:
'<div class="trim-info" uib-tooltip="{{lineCtrl.text}}">{{lineCtrl.text}}</div>'
Ma, come puoi vedere la larghezza è hardcoded. La mia domanda è come posso renderlo dinamicamente alla larghezza genitore.
ciò che è hardcoded? lo hai già usato varibles di ambito lì .. –
la larghezza è hard coded, è impostato su 50 px –
Non dovresti aver bisogno di hardcode la larghezza, il tooltip normalmente eredita il genitore div width –