フェニックスフレームワークとAngularJSテンプレート

Question

PhoenixフレームワークアプリケーションからAngularJSテンプレートをロードするにはどうすればよいですか？私は、templateUrlを使用してテンプレートを読み込むためにui-routerを使用しています。これは角度1.5です。インラインテンプレートをロード

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

$stateProvider 
    .state('event', { 
     url: '/event', 
     templateUrl: '/templates/event/event.html' 
     // template: '<h1>Stuff</h1>' 
    }) 


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

は動作しますので、それは明らかに私が苦労していますロードテンプレートのメカニズムです。 私は変更が必要なブランチ設定の設定はありますか？

が

イーモン

Answer 1

まあ、ありがとうございます、それは単純すぎるません、私は同じ問題に落ちるので、ここに私のソリューションです。 Phoenix Frameworkには、htmlファイルを置くことができるディレクトリがあります。ディレクトリの名前はweb/static/assetsです。そこにファイルを設定することができますが、web/static/assets/templatesのようなディレクトリを作成する必要がある場合は、

のように endpoint.exに例外を追加する必要があります。

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

今、あなたは、再コンパイルして、あなたのエリクサーのコードを実行するなど、あなたのファイルを読み込むことができます：私はあまりにもあなたに作品を願ってい

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

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

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

。