2016-03-30 75 views
1

如何從Phoenix框架應用程序加載AngularJS模板?我正在使用ui-router使用templateUrl加載模板。這是與角1.5。Phoenix Framework和AngularJS模板

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'); 
}]); 

加載內聯模板的工作,所以它顯然是加載模板,我正在努力的機制。 在我需要更改的早午餐配置中是否有任何設置?

謝謝

埃蒙

回答

1

嗯,這是不是太簡單了,我陷入了同樣的問題,所以這裏是我的解決方案。鳳凰框架有一個目錄,你可以把你的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'); 
}]); 

希望工程,你太。