tag:forum.selfhtml.org,2005:/self Angular 8 Icon in den Title – SELFHTML-Forum 2020-01-15T20:50:42Z https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1762945?srt=yes#m1762945 hmm 2020-01-14T11:51:21Z 2020-01-14T11:51:21Z Angular 8 Icon in den Title <p>Hi,</p> <p>wie setzt man in Angular 8 ein Icon Bild in den Title des Tabs? Durch Verwendung von private titleService: Title kann ich den Title Text setzen. Aber ich finde die Icon Konfiguration nicht.</p> <p>Sowas geht leider nicht:</p> <p><title id="title"><i class="fa fa-truck"></i> </title></p> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1762946?srt=yes#m1762946 Der Martin 2020-01-14T12:03:19Z 2020-01-14T12:03:19Z Angular 8 Icon in den Title <p>Hallo,</p> <blockquote> <p>wie setzt man in Angular 8 ein Icon Bild in den Title des Tabs?</p> </blockquote> <p>vermutlich genauso <a href="https://wiki.selfhtml.org/wiki/Grafik/Favicon" rel="nofollow noopener noreferrer">wie mit jedem anderen oder ohne Framework</a>.</p> <blockquote> <p>Durch Verwendung von private titleService: Title kann ich den Title Text setzen.</p> </blockquote> <p>Das favicon hat nichts mit dem Seitentitel zu tun.</p> <p>Ciao,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1762948?srt=yes#m1762948 Robert B. 2020-01-14T13:16:06Z 2020-01-14T13:16:06Z Angular 8 Icon in den Title <p>Moin,</p> <blockquote> <p>Durch Verwendung von private titleService: Title kann ich den Title Text setzen. Aber ich finde die Icon Konfiguration nicht.</p> <p>Sowas geht leider nicht:</p> <p><title id="title"><i class="fa fa-truck"></i> </title></p> </blockquote> <p><a href="https://wiki.selfhtml.org/wiki/Referenz:HTML/title" rel="nofollow noopener noreferrer"><code>title</code></a> darf nur Text enthalten – und soweit ich das sehe, kann der <code>title</code> auch nicht gestylt werden:</p> <pre><code class="block language-html"><span class="token doctype"><span class="token punctuation"><!</span><span class="token doctype-tag">doctype</span> <span class="token name">html</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>Schriftart<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>utf-8<span class="token punctuation">"</span></span><span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>style</span><span class="token punctuation">></span></span><span class="token style"><span class="token language-css"> <span class="token selector">title, h1</span> <span class="token punctuation">{</span> <span class="token property">font-family</span><span class="token punctuation">:</span> cursive<span class="token punctuation">;</span> <span class="token punctuation">}</span> </span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>style</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h1</span><span class="token punctuation">></span></span>Schriftart<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h1</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span> </code></pre> <p>Was aber möglich ist: Symbole in der <a href="https://de.wikipedia.org/wiki/Liste_der_Unicodebl%C3%B6cke" rel="nofollow noopener noreferrer">Liste der Unicodeblöcke</a> finden und verwenden, z.B. das Symbol U+26DF (<code>&#9951;</code>): ⛟ (BLACK TRUCK) aus dem <a href="https://de.wikipedia.org/wiki/Unicodeblock_Verschiedene_Symbole" rel="nofollow noopener noreferrer">Unicodeblock Verschiedene Symbole</a> verwenden:</p> <pre><code class="block language-html"><span class="token doctype"><span class="token punctuation"><!</span><span class="token doctype-tag">doctype</span> <span class="token name">html</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>Schriftart mit <span class="token entity" title="&#9951;">&#9951;</span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>utf-8<span class="token punctuation">"</span></span><span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>style</span><span class="token punctuation">></span></span><span class="token style"><span class="token language-css"> <span class="token selector">title, h1</span> <span class="token punctuation">{</span> <span class="token property">font-family</span><span class="token punctuation">:</span> cursive<span class="token punctuation">;</span> <span class="token punctuation">}</span> </span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>style</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h1</span><span class="token punctuation">></span></span>Schriftart mit <span class="token entity" title="&#9951;">&#9951;</span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h1</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span> </code></pre> <p>Viele Grüße<br> Robert</p> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1762995?srt=yes#m1762995 hmm 2020-01-15T08:57:11Z 2020-01-15T08:57:11Z Problem ist mir ein Rätzel <p>Also...</p> <pre><code class="block"><link rel="icon" type="image/x-icon" href="favicon.ico"> </code></pre> <p>meine index.html meiner Angular8 App schickt keinen Request raus bzw. sehe ich keinen in meiner Entwickler Chrome Konsole.</p> <p>Ich habe das ganze in einer HelloWorld Angular8 App getestet, da funktioniertes das ganze und es wird auch eine Request zum favicon in der Konsole angezeigt.</p> <p>Wie kann ich den Fehler aufspüren? In meiner Hello World App nutze ich die gleiche index.html und habe die folgenden Module mit importiert</p> <pre><code class="block">import { HashLocationStrategy, LocationStrategy } from '@angular/common'; import { Title } from '@angular/platform-browser'; </code></pre> <p>Ich kann den Fehler nicht rekonstruieren.</p> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1762950?srt=yes#m1762950 hmm 2020-01-14T13:30:46Z 2020-01-14T13:31:52Z Angular 8 Icon in den Title <p>leider klappt das nicht.</p> <p>ich überlege ob ich irgendetwas in der angular.json setzen muss.</p> <pre><code class="block"> <!doctype html> <html class="no-js"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title id="title">ui</title> <meta name="description" content=""> <meta name="google" value="notranslate"> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"> <meta name="viewport" content="width=device-width"> </head> <body ng-app="uiApp"> <app-root></app-root> </body> </html> </code></pre> <p>gibt mir leider nicht das icon welches unter favicon.ico liegt. Ich bekomme auch keine Fehlermeldung.</p> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1762951?srt=yes#m1762951 Robert B. 2020-01-14T13:34:48Z 2020-01-14T13:34:48Z Fachlich nicht hilfreich, soso <p>Moin,</p> <p>möchte der Forennutzer, der meinen Beitrag negativ bewertet hat, mir bitte kurz erläutern, was daran falsch ist? Ich möchte gerne die Qualität meiner Antworten kontinuierlich verbessern.</p> <p>Danke, Robert</p> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1762960?srt=yes#m1762960 Der Martin 2020-01-14T14:42:40Z 2020-01-14T14:42:40Z Angular 8 Icon in den Title <p>Hallo,</p> <blockquote> <p><a href="https://wiki.selfhtml.org/wiki/Referenz:HTML/title" rel="nofollow noopener noreferrer"><code>title</code></a> darf nur Text enthalten – und soweit ich das sehe, kann der <code>title</code> auch nicht gestylt werden</p> </blockquote> <p>was ja auch sinnvoll ist, denn der Titel wird ja in aller Regel außerhalb der eigentichen Webseite angezeigt, z.B. in der Titelleiste des Fensters. Darauf hat der Browser - je nach Window Manager - sowieso keinen Zugriff.</p> <blockquote> <p>Was aber möglich ist: Symbole in der <a href="https://de.wikipedia.org/wiki/Liste_der_Unicodebl%C3%B6cke" rel="nofollow noopener noreferrer">Liste der Unicodeblöcke</a> finden und verwenden, z.B. das Symbol U+26DF (<code>&#9951;</code>): ⛟ (BLACK TRUCK) aus dem <a href="https://de.wikipedia.org/wiki/Unicodeblock_Verschiedene_Symbole" rel="nofollow noopener noreferrer">Unicodeblock Verschiedene Symbole</a> verwenden</p> </blockquote> <p>Mit der möglichen Nebenwirkung, dass diese Symbole nicht korrekt angezeigt werden, weil die beim Besucher verwendete Systemschrift diese Zeichen nicht kennt.</p> <p>Ciao,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1762993?srt=yes#m1762993 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-01-15T08:07:09Z 2020-01-15T08:08:28Z Angular 8 Icon in den Title <p>@@Robert B.</p> <blockquote> <p>und soweit ich das sehe, kann der <code>title</code> auch nicht gestylt werden:</p> </blockquote> <p>Das siehst du falsch. <code>title</code> kann gestylt werden wie so ziemlich jedes andere Element auch. ☞ <a href="https://www.bittersmann.de/test/title-styled" rel="nofollow noopener noreferrer">CSS-Überraschung</a></p> <p>Das bezieht sich natürlich auf dessen Darstellung <em>im Viewport</em>. Auf Verwendungen <em>außerhalb</em> des Viewports wie im Browser-Chrome hat man mit CSS natürlich keinen Einfluss.</p> <blockquote> <p>Was aber möglich ist: Symbole […] verwenden:</p> </blockquote> <p>Wie gesagt war das am Thema vorbei. Nicht an dem, was <a href="/users/3696" class="mention registered-user" rel="noopener noreferrer">@hmm</a> als Thema <em>angegeben</em> hatte, aber an dem, was sie/er <em>meinte</em>.</p> <p>Ich weiß nicht, was die Motivation für die Pluspunkte war. Ich tippe auf Mitleid.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Man kann sich halt nicht sicher sein“, sagt der Mann auf der Straße, „dass in einer Gruppe Flüchtlinge nicht auch Arschlöcher sind.“<br> „Stimmt wohl“, sagt das Känguru, „aber immerhin kann man sich sicher sein, dass in einer Gruppe Rassisten nur Arschlöcher sind.“</em><br> —Marc-Uwe Kling </div> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1762955?srt=yes#m1762955 Robert B. 2020-01-14T13:58:34Z 2020-01-14T13:58:34Z Angular 8 Icon in den Title <p>Moin,</p> <p>liegt an dem angegebenen Pfad die genannte Datei, sprich exisitert <code>favicon.ico</code> in deiner Document Root?</p> <p>Viele Grüße<br> Robert</p> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1762953?srt=yes#m1762953 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-01-14T13:48:32Z 2020-01-14T13:48:32Z Fachlich nicht hilfreich, soso <p>@@Robert B.</p> <blockquote> <p>möchte der Forennutzer, der meinen Beitrag negativ bewertet hat, mir bitte kurz erläutern, was daran falsch ist?</p> </blockquote> <p>Es galt zu erkennen, was der Fragesteller eigentlich will. Es ging nicht darum, ein Icon in den Titel zu setzen, sondern darum, ein Favicon zu verwenden. <a href="https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1762946#m1762946" rel="noopener noreferrer">Der Martin hat’s erkannt.</a></p> <p>LLAP </p> <div class="signature">-- <br> <em>„Man kann sich halt nicht sicher sein“, sagt der Mann auf der Straße, „dass in einer Gruppe Flüchtlinge nicht auch Arschlöcher sind.“<br> „Stimmt wohl“, sagt das Känguru, „aber immerhin kann man sich sicher sein, dass in einer Gruppe Rassisten nur Arschlöcher sind.“</em><br> —Marc-Uwe Kling </div> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1762954?srt=yes#m1762954 Robert B. 2020-01-14T13:54:44Z 2020-01-14T13:54:44Z Fachlich nicht hilfreich, soso <p>Hallo Gunnar,</p> <p>das Codebeispiel lässt auch eine andere Interpretation zu, ist ergo nicht eindeutig.</p> <p>Gut, ich komme aus einer anderen Schule, nämlich der, dass man kurz miteinander kommuniziert hat statt einfach negative Bewertungen zu verteilen. Aber was weiß ich schon …</p> <p>Nachdenkliche Grüße<br> Robert</p> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1762964?srt=yes#m1762964 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-01-14T17:02:03Z 2020-01-14T17:02:03Z Fachlich nicht hilfreich, soso <p>@@Robert B.</p> <blockquote> <p>Gut, ich komme aus einer anderen Schule, nämlich der, dass man kurz miteinander kommuniziert hat statt einfach negative Bewertungen zu verteilen. Aber was weiß ich schon …</p> </blockquote> <p>Ich verwende die Bewertungsfunktion i.a.R. nicht dazu, dem Autoren eins auszuwischen. Sondern u.a. dazu, anderen zu zeigen, welchen Postings innerhalb eines Threads sie mehr bzw. weniger Beachtung schenken sollten.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Man kann sich halt nicht sicher sein“, sagt der Mann auf der Straße, „dass in einer Gruppe Flüchtlinge nicht auch Arschlöcher sind.“<br> „Stimmt wohl“, sagt das Känguru, „aber immerhin kann man sich sicher sein, dass in einer Gruppe Rassisten nur Arschlöcher sind.“</em><br> —Marc-Uwe Kling </div> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1762956?srt=yes#m1762956 hmm 2020-01-14T14:01:47Z 2020-01-14T14:01:47Z Angular 8 Icon in den Title <p>ich bekomme keine Fehlermeldung in meiner Chrome Entwickler Console, darum denke ich, dass er die Datei findet.</p> <p>Die Angular GUI wird in einem Maven Buiuld mit Spring Boot verknotet, darum bin ich mir nicht 100% sicher, aber zu 99%.</p> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1762957?srt=yes#m1762957 Robert B. 2020-01-14T14:09:48Z 2020-01-14T14:09:48Z Angular 8 Icon in den Title <p>Moin,</p> <p>im Netzwerk-Tab kannst du sehen, ob die Ressource angefragt wird und im Inspektor siehst du das generierte DOM, was im Browser ankommt – da sollte das entsprechende <code>link</code>-Element auftauchen.</p> <p>Viele Grüße<br> Robert</p> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1762961?srt=yes#m1762961 hmm 2020-01-14T15:04:13Z 2020-01-14T15:04:13Z Angular 8 Icon in den Title <p>im Browser findet ich den Ablageort des Icons. Leider ist der Aufruf des Link Elemnts im Netzwerk Tab nicht vorhanden. D.h. er führt das garnicht aus...</p> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1762962?srt=yes#m1762962 Raketenfotograf 2020-01-14T15:16:41Z 2020-01-14T15:16:41Z Angular 8 Icon in den Title <blockquote> <blockquote> <p>Was aber möglich ist: Symbole in der <a href="https://de.wikipedia.org/wiki/Liste_der_Unicodebl%C3%B6cke" rel="nofollow noopener noreferrer">Liste der Unicodeblöcke</a> finden und verwenden, z.B. das Symbol U+26DF (<code>&#9951;</code>): ⛟ (BLACK TRUCK) aus dem <a href="https://de.wikipedia.org/wiki/Unicodeblock_Verschiedene_Symbole" rel="nofollow noopener noreferrer">Unicodeblock Verschiedene Symbole</a> verwenden</p> </blockquote> <p>Mit der möglichen Nebenwirkung, dass diese Symbole nicht korrekt angezeigt werden, weil die beim Besucher verwendete Systemschrift diese Zeichen nicht kennt.</p> </blockquote> <p>"Mögliche Nebenwirkung" ist "freundlich gesagt". Bildschirmfoto:</p> <p><a href="/images/b9c4f2ae-36e0-11ea-849c-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/b9c4f2ae-36e0-11ea-849c-b42e9947ef30.png?size=medium" alt="Nicht alle Unicode-Zeichen werden ohne weiteres dargestellt-" loading="lazy"></a></p> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1763025?srt=yes#m1763025 Matthias Apsel matthias.apsel@selfhtml.org https://brückentage.info 2020-01-15T19:42:53Z 2020-01-15T19:42:53Z Angular 8 Icon in den Title <p>Hallo Gunnar Bittersmann,</p> <blockquote> <blockquote> <p>und soweit ich das sehe, kann der <code>title</code> auch nicht gestylt werden:</p> </blockquote> <p>Das siehst du falsch. <code>title</code> kann gestylt werden wie so ziemlich jedes andere Element auch. ☞ <a href="https://www.bittersmann.de/test/title-styled" rel="nofollow noopener noreferrer">CSS-Überraschung</a></p> </blockquote> <p>Wobei das natürlich an der dem Element inhärenten Verwendung vorbei geht. Weil</p> <blockquote> <p>Das bezieht sich natürlich auf dessen Darstellung <em>im Viewport</em>. Auf Verwendungen <em>außerhalb</em> des Viewports wie im Browser-Chrome hat man mit CSS natürlich keinen Einfluss.</p> </blockquote> <p>Deshalb geht deine CSS-Überraschung am Thema vorbei.</p> <blockquote> <blockquote> <p>Was aber möglich ist: Symbole […] verwenden:</p> </blockquote> <p>Wie gesagt war das am Thema vorbei. Nicht an dem, was <a href="/users/3696" class="mention registered-user" rel="noopener noreferrer">@hmm</a> als Thema <em>angegeben</em> hatte, aber an dem, was sie/er <em>meinte</em>.</p> </blockquote> <p>Woraus schlussfolgerst du das?</p> <blockquote> <p>Ich weiß nicht, was die Motivation für die Pluspunkte war. Ich tippe auf Mitleid.</p> </blockquote> <p>Manchmal täte dir etwas weniger Hybris echt gut.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1762999?srt=yes#m1762999 hmm 2020-01-15T09:04:32Z 2020-01-15T09:06:06Z Problem ist mir ein Rätzel <p>er zieht sich aber u.a. ein Bild das per CSS geladen wird.</p> <p>das ganze sieht so aus als würde er diese html codezeile einfach nicht ausführen...</p> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1763001?srt=yes#m1763001 Auge 2020-01-15T09:08:01Z 2020-01-15T09:08:01Z Problem ist mir ein Rätzel <p>Hallo</p> <blockquote> <pre><code class="block"><link rel="icon" type="image/x-icon" href="favicon.ico"> </code></pre> <p>meine index.html meiner Angular8 App schickt keinen Request raus bzw. sehe ich keinen in meiner Entwickler Chrome Konsole.</p> </blockquote> <p>Liegt die favicon.ico <em>im <strong>selben</strong> Verzeichnis</em> wie das mit Angular erstellte HTML-Dokument?</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden.<br> <em>Hohle Köpfe</em> von Terry Pratchett </div> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1763009?srt=yes#m1763009 dedlfix 2020-01-15T09:52:10Z 2020-01-15T09:52:10Z Problem ist mir ein Rätzel <p>Tach!</p> <blockquote> <pre><code class="block"><link rel="icon" type="image/x-icon" href="favicon.ico"> </code></pre> <p>meine index.html meiner Angular8 App schickt keinen Request raus bzw. sehe ich keinen in meiner Entwickler Chrome Konsole.</p> </blockquote> <p>Browser verwalten/cachen das Favicon selbständig und fragen nicht ständig den Server danach.</p> <blockquote> <p>Ich habe das ganze in einer HelloWorld Angular8 App getestet, da funktioniertes das ganze und es wird auch eine Request zum favicon in der Konsole angezeigt.</p> </blockquote> <p>Davon hatte der Browser vermutlich noch kein Favicon im Cache.</p> <blockquote> <p>Ich kann den Fehler nicht rekonstruieren.</p> </blockquote> <p>Weil es kein Fehler ist, sondern Browserverhalten. Du kannst da vermutlich nur rumtricksen, indem du die URL jedes Mal änderst (zum Beispiel im Querystring), um ein erneutes Holen zu erzwingen.</p> <p>dedlfix.</p> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1763010?srt=yes#m1763010 Robert B. 2020-01-15T09:55:34Z 2020-01-15T09:55:34Z Problem ist mir ein Rätsel <p>Moin,</p> <p>vergleich mal bitte</p> <blockquote> <pre><code class="block"><link rel="icon" type="image/x-icon" href="favicon.ico"> </code></pre> </blockquote> <p>mit dem Link, den dir <a href="/users/475" class="mention registered-user" rel="noopener noreferrer">@Der Martin</a> <a href="https://forum.selfhtml.org/m1762946" rel="noopener noreferrer">vorgeschlagen</a> hat </p> <p>Viele Grüße<br> Robert</p> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1763002?srt=yes#m1763002 hmm 2020-01-15T09:10:31Z 2020-01-15T09:10:31Z Problem ist mir ein Rätzel <p>ja und ich kann das Icon nach start der Anwendung unter der entsprechenden Url im Browser aufrufen.</p> <p>Mich wundert, dass meine index.html keinen Request zur favicon erzeugt.</p> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1763011?srt=yes#m1763011 hmm 2020-01-15T10:08:54Z 2020-01-15T10:10:00Z Problem ist mir ein Rätzel <p>danke, das mit dem Cache könnte die Erklärung sein.</p> <p>ich habe jetzt den Cache im Explorer und in Chrome gelöscht.</p> <p>in Chrome hat sich nichts geändert, es wird nach wie vor kein Bild angefordert. Im Explorer wird ein Bild angefordert, leider wird das falsche Bild angezeigt. In der Explorer URL ist aber ein Pfad drin der zum richtigen Bild führt.</p> <p>Ich vermute, dass ich den Cache nicht richig gelöscht habe. Aufjedenfall staune ich Bauklötze. Das der IE das alte Icon (das von Angular) anzeigt ist schon krass.</p> <p>Kann ich das Icon per CSS setzen?</p> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1763013?srt=yes#m1763013 hmm 2020-01-15T10:18:25Z 2020-01-15T10:18:25Z Problem ist mir ein Rätzel <p>hm.... ich hab alle Browserdaten im IE gelöscht und neu gestartet, jetzt klappts. In Chrome wirds dann auch gehen.</p> <p>Danke.</p> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1763012?srt=yes#m1763012 Auge 2020-01-15T10:13:26Z 2020-01-15T10:13:26Z Problem ist mir ein Rätzel <p>Hallo</p> <blockquote> <p>Kann ich das Icon per CSS setzen?</p> </blockquote> <p>Nein.</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden.<br> <em>Hohle Köpfe</em> von Terry Pratchett </div> https://forum.selfhtml.org/self/2020/jan/14/angular-8-icon-in-den-title/1763029?srt=yes#m1763029 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-01-15T20:50:42Z 2020-01-15T21:09:53Z Angular 8 Icon in den Title <p>@@Matthias Apsel</p> <blockquote> <p><code>title</code> kann gestylt werden wie so ziemlich jedes andere Element auch. ☞ <a href="https://www.bittersmann.de/test/title-styled" rel="nofollow noopener noreferrer">CSS-Überraschung</a></p> <p>Wobei das natürlich an der dem Element inhärenten Verwendung vorbei geht.</p> </blockquote> <p>Ja, es ist unüblich, die Metainformationen aus dem <code>head</code> im Viewport darzustellen. Es ging hier darum, die <em>Möglichkeit</em> aufzuzeigen, das zu tun.</p> <blockquote> <p>Deshalb geht deine CSS-Überraschung am Thema vorbei.</p> </blockquote> <p>Nein. Das Thema dieses Abschnitts war: die Möglichkeit aufzuzeigen, die Metainformationen aus dem <code>head</code> im Viewport darzustellen.</p> <blockquote> <blockquote> <p>Wie gesagt war das am Thema vorbei. Nicht an dem, was <a href="/users/3696" class="mention registered-user" rel="noopener noreferrer">@hmm</a> als Thema <em>angegeben</em> hatte, aber an dem, was sie/er <em>meinte</em>.</p> </blockquote> <p>Woraus schlussfolgerst du das?</p> </blockquote> <p>Aus dem Inhalt des OP.</p> <blockquote> <blockquote> <p>Ich weiß nicht, was die Motivation für die Pluspunkte war. Ich tippe auf Mitleid.</p> </blockquote> <p>Manchmal täte dir etwas weniger Hybris echt gut.</p> </blockquote> <p>??</p> <p>Ich vergebe einen fachlichen Minuspunkt für ein Posting, das am Thema der Fragenden vorbeiging, und einen Pluspunkt für ein Posting, wo erkannt wurde, was der Fragende wissen wollte. Auf Nachfrage erkläre ich, dass <em>ich</em> Punkte vergebe, um „anderen zu zeigen, welchen Postings innerhalb eines Threads sie mehr bzw. weniger Beachtung schenken sollten.“</p> <p>Dann kommen andere und führen ebendas <em>ad absurdum</em>: Martins hilfreiches Posting steht jetzt mit +1 schlechter da als Roberts nicht hilfreiches mit +2.</p> <p>Sollte das jetzt ein Aufreger sein? Wohl nicht. Die Bewertungsfunktion war schon immer absurd.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Man kann sich halt nicht sicher sein“, sagt der Mann auf der Straße, „dass in einer Gruppe Flüchtlinge nicht auch Arschlöcher sind.“<br> „Stimmt wohl“, sagt das Känguru, „aber immerhin kann man sich sicher sein, dass in einer Gruppe Rassisten nur Arschlöcher sind.“</em><br> —Marc-Uwe Kling </div>