Suchergebnisse

Dieser "Shop" ist aber hoffentlich nur ein Übungsprojekt und soll keine realen Waren verkaufen.

Doppelklick sicher nicht, aber die change detection wird vielleicht doppelt ausgeführt. Ich würde auch einen anderen Ansatz wählen. Wenn ein Element nicht angezeigt werden soll, verbirgt man es nicht per CSS, sondern rendert es erst gar nicht.

Sport1 nutzt einen kommerziellen Provider, der Rohdaten von Ligen und Spielen liefert. Opta ist aber nicht ganz billig. https://www.optasports.com Wenn du selber einen Sportticker bauen willst, suche dir eine kostenlose API für Sportereignisse und zapfe die an...

Wie wäre es mit ElementRef? Obwohl es sicherlich noch bessere Ansätze gibt. <style> .hide {display: none;} .show {display: block;} </style> <div> <button (click)="onClick()">Click</button> </div> <ul #list> <li *ngFor="let el of elements;" class="hide">{{ el }}</li> </ul> export class...

Du könntest die Listen anhand einer Index Variable differenzieren. Jede Liste bekommt dann ein ng-class mit einer Expression, die als true oder false ausgewertet wird.

Das Input als Viewchild einbinden und per CSS invis stellen. Über die Referenz Variable lässt sich die Funktion dann aus einer anderen Funktion aufrufen. <input #filePicker (change)="myFunc($event)"> @ViewChild('filePicker', { static: false }) filePickerRef: ElementRef<HTMLInputElement>; //...

Firebase hosting. Funktioniert einfach per CLI, und man kann die zugewiesene URL auch durch eine custom Domain ersetzen. https://firebase.google.com/docs/hosting/quickstart

Notfalls den outputPath in der angular.json anpassen.

ng build --prod und anschließend die Dateien aus dem dist Ordner auf deinen Server kopieren.

Das würde einen crash verhindern, aber das Problem mit dem bad request nicht lösen. Was ich an deiner Stelle tun würde: Das Script auseinander nehmen und Stück für Stück neu aufbauen, um zu verstehen, wie es funktioniert.

Beim 400er ist der Request falsch formuliert. Vielleicht fehlt etwas im Header. Dafür gibt es Tools wie Postman. Außerdem sollten Fehler im Fetch-Request abgefangen werden. Pattern: myFunc() { return fetch('my-url') .then((resp) => { if (!resp.ok) { throw resp.json()...

negatives margin.

Binde React doch als Script-Tag von einem CDN ein. Oder besser noch: Besorg dir ein Webinar, welches alles Step-by-Step zeigt. Hier wirst du sicher fündig: https://www.udemy.com

Dachte ich mir schon. Für npm run build müsste da so etwas stehen. { "scripts": { "build": "..." } }

Hast du denn ein build script in der package.json?

Hast du das gemacht und die build files deployed?

Was sagt denn die Konsole deines Browsers?

Du hast doch Bootstrap bereits eingebunden. Wirf dein CSS weg und nutze dessen Grid. https://getbootstrap.com/docs/4.5/layout/overview Und update jQuery auf eine aktuelle Version.

Alles neu zu schreiben wäre bei den paar Zeilen Code kaum Aufwand. Du solltest ein Ui-Framework einsetzen, welches dir einen Großteil der Arbeit bei Styling und responsiven Anpassungen abnimmt. Das simpelste wäre ein Grid-Framework wie http://flexboxgrid.com Darüber hinaus existieren eine...

Wobei man heutzutage JavaScript Frontend-Frameworks einsetzt und dabei Click-Events wieder direkt ins HTML schreibt.