Ich möchte eine Site mit assemble, yeoman und angularJS erstellen. Der Plan ist, dass Assembly Inhalte verarbeitet und AngularJS dynamische Inhalte über eine REST-API verarbeitet. Sind die beiden kompatibel, ist dies eine gute Wahl der Architektur? Mein Anliegen ist die Verwendung der Templating Engine Assembly (HandleBars) und ob sie mit AngularJS kompatibel ist, da beide {{}} zu verwenden scheinen. Ich habe erst begonnen zu untersuchen, aber ich kämpfe um Beispiele von Menschen, die eine ähnliche Architektur verwenden. Wie rüste ich mit Yeoman?Zusammenbauen (statischer Standortgenerator) Mit Angular JS
Antwort
Ich mache etwas ähnliches und um das Problem mit den Vorlagenbegrenzern zu behandeln, benutze ich den angular interpolateProvider, um die Begrenzer für eckig zu ändern.
var app = angular.module('app', []).config(function ($interpolateProvider) {
$interpolateProvider.startSymbol('{%');
$interpolateProvider.endSymbol('%}');
});
Ich bin mir nicht sicher, ob Sie Yeoman automatisch konfigurieren kann, um die neuen Trennzeichen zu verwenden, wenn einige der Gerüste ausgeführt wird, aber ich hoffe, dass diese getrennte Vorlagen aus den Vorlagen zusammenstellen können.
Ich habe ähnlich für einen Kunden für eine Einzelhandels-Website getan, um eine Basis, benutzerdefinierte CMS zu schaffen.
Ursprünglich hatte ich die Idee, dass alle Artikel zum Verkauf (die Daten, d. H. Modell) würden über die Dateien vertreten sein - eine Mischung aus. JSON und Yaml. (Zumindest könnte der Client die YAML-Datei mit einiger Leichtigkeit bearbeiten, da sie lesbar ist).
Eine spätere Verbesserung war es, dem Kunden zu ermöglichen, den Bestand über eine Webseite zu bearbeiten - anstatt die Datendateien direkt zu bearbeiten - Angular war dafür ideal, eine Webapp zu haben, die im Grunde die Bearbeitung der Daten erlaubte über eine viel schönere Schnittstelle.
Anwendungen zusammenbauen Handlebars (among others) Vorlagen zu machen, so können Sie use its syntax Angular Vorlagen in einer .hbs Datei zu entkommen, auf diese Weise:
\{{ qty * cost | currency }}
- 1. Angular mit D3 js
- 2. php codeigniter Abfrage Zusammenbauen Ergebnisse
- 3. Telefonnummer mit angular js bestätigen
- 4. Slick Carousel mit Angular JS
- 5. Mobile Anwendung mit Angular JS
- 6. Select2 Ereignisbehandlung mit Angular js
- 7. Angular 2 mit Bootstrap JS
- 8. Umleitung mit htaccess angular js
- 9. GWT & Angular JS Integration
- 10. Angular JS API Authentifizierung
- 11. Angular JS hierarchisches Raster
- 12. Angular js minify Fehler
- 13. request.getAttributes() in angular js
- 14. Angular JS mehrere Filterabfrage
- 15. Angular JS - Schalteingang Werte
- 16. angular js http get
- 17. Angular JS Beginner Probleme
- 18. ng-include Angular JS
- 19. Angular js ng-model
- 20. Angular Js Bootstrap Karussell
- 21. Angular JS Array Parsing
- 22. angular js unbekannter Providerfehler angular-animate
- 23. Angular js Skript Laden
- 24. Modal in Angular JS
- 25. Angular JS Injector: Moduler
- 26. CORS Angular JS
- 27. Angular JS Akkordeon Bug
- 28. Angular Js Flyout Menü
- 29. Filter in Angular JS
- 30. Angular JS und Partials
Mögliches Duplikat [Wie kann ich den Lenker Syntax ändern von der Angular zu unterscheiden Vorlagensyntax?] (http://stackoverflow.com/questions/31601499/how-can-i-change-the-handlebars-syntax-to-differentiate-of-the-angular-templat) – Tilt