Zusammenbauen (statischer Standortgenerator) Mit Angular JS

Question

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?

Answer 1

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.

Answer 2

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.

Answer 3

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 }}