Question

我开发了一个我需要的应用程序，路由必须加载动态模板，例如：

当我点击/ myclient /＃！/ details时，我需要从“myclient”目录加载模板。

我有一个json API，可以为每个客户端响应此配置。

[{
    "path": "/",
    "templateUrl": "template/loja1/index.html",
    "controller": "homeController"
}, {
    "path": "/detail",
    "templateUrl": "template/loja1/detail.html",
    "controller": "homeController"
}];

因此，我在尝试将angular.config设置为此API响应的回调时遇到问题。我还试图在回调后设置路线。

我认为这个解决方案很合适。我做错了什么？

var app = angular.module("myApp", ['ngRoute']);

app.config(function($routeProvider, $locationProvider, $provide) {

    $locationProvider.hashPrefix('!');

    var API = $provide.factory('API', function($http) {
        return {
            getStore: function() {
                return $http.get("http://localhost:8080/resources/route");
            }
        };
    });

    var runRote = function(routes) {

        routes.forEach(function(route) {
            $routeProvider.when(route.path, {
                templateUrl: route.templateUrl,
                controller: route.controller
            });
        });
        $routeProvider.otherwise({
            redirectTo: "templates/404.html"
        });
    };

    var getRoutes = function(runRote) {
        API.$get().getStore().success(function(data, status) {
            runRote(JSON.stringify(data));
        }).error(function(data, status) {
            runRote();
        });
    };

    getRoutes(runRote);

});

Answer 1

将路径数组传递给runRote函数时，您不必对其进行字符串化。在其中，您对传递的数据使用forEach方法，这是一种数组方法，而不是字符串。正确的代码应该是：

var getRoutes = function(runRote) {
    API.$get().getStore().success(function(data, status) {
        runRote(data);
    }).error(function(data, status) {
        runRote();
    });
};

另外，路线的配置应该是

redirectTo: "templates/404.html"

Answer 2

Drica！

使用@dfsq发送的这个实现，它可以工作，但是这部分

app.controller('homeController', function($route) {
    window.route = $route;
});

如果您使用ui-route，则不需要

。否则，在/ route中出现此问题，可以使用localStorage保存json信息并重新加载页面。在我的测试中，它有效。

AngularJs在app.config中的回调中配置路由

2 个答案: