In AngularJS Material-Design, wie zu verbergen übergelaufen text in der "md-Symbolleiste"?
Etwas wie:
<md-toolbar>
<div class="md-toolbar-tools">
<paper-icon-button icon="arrow-back" nav-to="{{$root.navTo}}"></paper-icon-button>
<span flex>{{$root.title}}</span>
</div>
</md-toolbar>
Aber wenn $root.title
ist sehr lang, der text wird nur wickeln Sie auf mehrere Zeilen. Was ich will, ist die Wirkung von text-overflow: ellipsis;
, aber das hinzufügen es in <span>
hat nicht funktioniert. So wie ich das mache?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ein paar Fragen:
Finden Sie unter dieser groben Beispiel, das ich gemacht habe:
http://plnkr.co/edit/u0z58vvCDLvTrfZHgkBm
Möglicherweise eine bessere Lösung, als sich auf CSS zu tun, es blind ist entweder stellen Sie sicher, Sie können nicht geben Sie Titel, die zu lang werden. Oder kommen mit einer Richtlinie, die schneidet den string für Sie.
div
und fügen Sie die drei Stile, die Sie erwähnt, aber es hat nicht funktioniert. Ich bin nicht gut in CSS-Dingen, aber ich denke, es kann sein, weil angularjs hat ein paar Dinge geändert... ich werde einfach schreiben, ein filter zur Begrenzung der Länge...