Fatal编程技术网
  • angularjs/
  • AngularJS子目录路由不工作，带<；基地>；应用标记

AngularJS子目录路由不工作，带<；基地>；应用标记

angularjs routing

AngularJS子目录路由不工作，带<；基地>；应用标记,angularjs,routing,Angularjs,Routing,我有一个非常简单的AngularJS模板，我试图让路由正常工作，但当我加载页面时，我看到的是index.html中的H1标记 我的应用程序在一个子目录中，/angular route/，我知道部分存在，我可以访问/angular route/partials/interest.html，页面呈现良好 我错过了一些基本的东西吗 <html> <head ng-app="myApp"> <title>AngularJS Routing</title&

我有一个非常简单的AngularJS模板，我试图让路由正常工作，但当我加载页面时，我看到的是
index.html
中的H1标记

我的应用程序在一个子目录中，
/angular route/
，我知道部分存在，我可以访问
/angular route/partials/interest.html
，页面呈现良好

我错过了一些基本的东西吗

<html>
<head ng-app="myApp">
    <title>AngularJS Routing</title>
    <base href="/angular-route/" />
</head>
<body>

<h1>AngularJS Routing</h1>

<div ng-view></div>

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>

<script>
    'use strict';

    var myApp = angular.module('myApp', []).
      config(['$routeProvider', function($routeProvider) {
        $routeProvider.
            when('/interest', {
                templateUrl: 'partials/interest.html',   
                controller: 'InterestCtrl'
            }).
            when('/catalogue', {
                templateUrl: 'partials/catalogue.html', 
                controller: 'CatalogueCtrl'
            }).
            otherwise({redirectTo: '/interest'});
    }]);

    myApp.controller('InterestCtrl', function($scope, $routeParams) {
        console.log('InterestCtrl');
    });
    myApp.controller('CatalogueCtrl', function($scope, $routeParams) {
        console.log('CatalogueCtrl');
    });
</script>


AngularJS路由
AngularJS路由
"严格使用",；
var myApp=angular.module（'myApp'，[]）。
配置（['$routeProvider'，函数（$routeProvider）{
$routeProvider。
当（“/利息”{
templateUrl:'partials/interest.html'，
控制器：“InterestCtrl”
}).
当（“/目录”{
templateUrl:'partials/catalog.html'，
控制器：'catalolectrl'
}).
否则（{重定向到：'/interest'}）；
}]);
myApp.controller（'InterestCtrl'，函数（$scope，$routeParams）{
console.log（'InterestCtrl'）；
});
myApp.controller（'catalolectrl'，函数（$scope，$routeParams）{
console.log（'catalolectrl'）；
});

在您需要的基本标签旁边，您还将ng app指令放在了错误的元素上（
head
）。在您的代码中，应用程序仅在标头内初始化。其余的HTML被Angular忽略


AngularJS路由
文件。写（“”）；
惯性集
目录
AngularJS路由

    

  • 

  • 


"严格使用",；
var myApp=angular.module（'myApp'，[]）。
配置（['$routeProvider'，函数（$routeProvider）{
$routeProvider。
当（“/利息”{
templateUrl:'partials/interest.html'，
控制器：“InterestCtrl”
}).
当（“/目录”{
templateUrl:'partials/catalog.html'，
控制器：'catalolectrl'
}).
否则（{重定向到：'/interest'}）；
}]);
myApp.controller（'InterestCtrl'，函数（$scope，$routeParams）{
console.log（'InterestCtrl'）；
});
myApp.controller（'catalolectrl'，函数（$scope，$routeParams）{
console.log（'catalolectrl'）；
});

以下配置为我工作

假设我们想使用
http://localhost:8000/app/



然后突出显示带有以下内容的基本标记


如果我添加
太好了，那就没什么区别了！只需记住使用相对路径包括资产，如“您的资产路径/资产”。在ngRoutes中，以“/”开始匹配，您应该知道ngRoute处理url传输，如果base='/admin/'，那么route中的“/index.html”将导致“/admin/index.html”@RomainBruckert为什么不呢？