2017-01-05 4 views
0

Bei der Untersuchung von Angular 2 Apps wie Google Maps oder YouTube sehe ich nie Komponenten Selektoren wie oder in HTML-Quelle.Angular 2 hide component selectors

Ist dieser Standard für die Produktion erstellt? Oder muss Angular 2 immer funktionieren?

Ich habe drei Probleme:

  1. Sie sehen nicht gut (minor)
  2. Sie zeigen meine app 2 Angular ist (minor)
  3. Sie brechen die CSS-Layout z.B. wenn flexbox (major) verwendet wird

Antwort

1

Es wird immer benötigt. Google Maps und YouTube sind nicht mit eckigen erstellt. Überprüfen Sie https://material.angular.io/. Diese Seite von Google/eckig ist mit eckigen gemacht. Wenn Sie die Elemente überprüfen, sehen Sie alle Selektoren: <app-homepage>, <router-outlet> .. usw. So funktioniert es. Sie werden nicht in den Hafen so großen Codebasen wie Google Maps oder YouTube zu einem neuen Rahmen :)

  1. Es gibt tatsächlich eine nette semantische Struktur, wenn Sie mich fragen, statt einer zufälligen div Sie Komponentenselektor erhalten. Sie wissen also genau, was diese Komponente macht.
  2. Ja, Sie verwenden die neueste Technologie da draußen, kann nicht wirklich negativ sein :)
  3. In welcher Weise brechen sie Ihr Layout? Wenn dies der Fall ist, bedeutet das, dass Sie es nicht richtig verwenden, oder Sie erwarten ein anderes Ergebnis als angegeben. Vielleicht poste ein Codebeispiel oder eine Geige, wo es für dich "bricht"?
+0

Es gibt einige Fragen für # 3. Und ich mag die Workarounds tbh nicht. – Mick

+0

Ich benutze Flex während meiner gesamten Anwendung und hatte nie Probleme damit. Zumindest handelte das HTML so, wie ich es erwarte. Vielleicht kannst du [** this **] (https://github.com/angular/flex-layout) benutzen? – PierreDuc

+0

Wenn ein Container display: flex hat und das Kind anstelle des realen Kindes ist, ist das flex-layout fehlerhaft. – Mick