Angularjs 路由仅到达 localhost

Question

我必须设置一个由本地另一个团队开发的 wordpress 网站。他们使用了 angularjs。我对角度很陌生。我将 wordpress 文件放在 wamp 服务器中。文件夹的名称是 playbook。

当我尝试使用 url localhost/playbook 访问该站点时，我收到一个 javascript 错误，提示找不到 localhost/home。

我检查了 javascript 文件，我看到了这样的路由

.when('/', {
            controller: 'HomeCtrl',
            templateUrl: '/home'
        })

当我在 templateUrl 的开头添加 /playbook 时，页面显示

.when('/', {
                controller: 'HomeCtrl',
            templateUrl: '/playbook/home'
        })

为什么会这样。路由不应该采用到 localhost/playbook 的路径吗？

Answer 1

您需要为模板指定扩展名.html。假设您的文件名为home.html，请将您当前的代码替换为

.when('/', {
                controller: 'HomeCtrl',
            templateUrl: '/playbook/home.html'
        })

关于更具体路径的使用。考虑到这一点，您正在 Angular 中编写一个多模块应用程序。为了单独考虑，您可能有一个基于每个模块的文件结构。所以我的路线可能看起来像这。对于我的文件，这是在 app.js 中定义的，它位于我整个应用程序的 JS 文件夹中。此外，您可以选择在单独的文件夹中定义路由。它没有理由默认为特定文件或文件夹。

foodApp.config(['$routeProvider',function($routeProvider){
    $routeProvider.when('/',
          {
        templateUrl:'js/apps/choiceScreen/choice.html',
        controller:'choiceCtrl'

    })
    .when('/cafe',
         {
        templateUrl:'js/apps/cafe/cafeScreen.html',
        controller:'cafeCtrl'
    })
    .when('/showCafe/',
         {
        templateUrl:'js/apps/eachScreen/itemView.html',
        controller:'itemCtrl'
    })
    .otherwise({
        redirectTo: '/'
    });

}]);