Phoenix Framework und AngularJS-Vorlagen

Question

Wie kann ich AngularJS-Vorlagen von einer Phoenix-Framework-Anwendung laden? Ich verwende den UI-Router, um eine Vorlage mit templateUrl zu laden. Dies ist mit Winkel 1,5.

Laden einer Inline-Vorlage funktioniert, also ist es eindeutig der Mechanismus zum Laden von Vorlagen, mit denen ich kämpfe. Gibt es Einstellungen in der Brunch-Konfiguration, die ich ändern muss?

Danke

Eamon

Answer 1

Nun, es nicht zu einfach ist, mir in dem gleichen Problem fallen, also hier ist meine Lösung. Phoenix Framework hat ein Verzeichnis, wo Sie Ihre HTML-Dateien ablegen können, der Name des Verzeichnisses ist web/static/assets, Sie können Ihre Dateien dort einstellen, aber wenn Sie ein Verzeichnis wie web/static/assets/templates erstellen müssen Sie eine Ausnahme hinzufügen in endpoint.ex, wie:

plug Plug.Static, 
    at: "/", from: :app, gzip: false, 
    only: ~w(css fonts images templates js favicon.ico robots.txt) 

Jetzt können Sie neu kompilieren und Ihren Elixir Code ausführen und die Datei laden wie:

myAppModule.config(['$stateProvider', '$urlRouterProvider', '$httpProvider', function ($stateProvider, $urlRouterProvider, $httpProvider) { 

$stateProvider 
    .state('event', { 
     url: '/event', 
     templateUrl: 'templates/event/event.html' 
    }) 

$urlRouterProvider.otherwise('/event'); 
}]); 

ich hoffe, dass Sie funktioniert auch.