Phoenix框架和AngularJS模板

Question

如何从Phoenix框架应用程序加载AngularJS模板？我正在使用ui路由器通过templateUrl加载一个模板。这是angular 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中添加exception，比如：

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

现在，您可以重新编译和运行Elixir代码，并加载文件，如下所示：

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

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

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

我希望这对你也适用。