Angularjs路由将仅连接到本地主机

Angularjs routes are coming upto localhost only

本文关键字：主机 连接 路由 Angularjs      更新时间：2023-09-26

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

当我尝试使用 url localhost/playbook 访问该网站时，我收到一个 javascript 错误，说找不到本地主机/主页。

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

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

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

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

为什么会这样。路线不应该采用路径到本地主机/剧本吗？

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

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

关于更具体路径的使用。考虑到这一点，您正在 Angular.To 单独的关注点中编写多模块应用程序，您可能有一个基于每个模块的文件结构。所以我的路线可能看起来像这样。对于我的文件，这是在 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: '/'
    });
}]);
相关文章：