角度路线不会加载一个部分

时间:2016-10-17 12:40:27

标签: angularjs ngroute

我在Angular应用中使用的部分内容无法加载,即使它可以直接由浏览器加载。

这是我的路由配置:

BlankApp.config(['$routeProvider', function($routeProvider) {
    $routeProvider
        .when('/overview', {
            templateUrl: 'partials/overview.html'
        })
        .when('/howitworks', {
            templateUrl: 'partials/howitworks.html'
        })
        .when('/startnow', {
            templateUrl: 'partials/startnow.html',
            controller: 'AdsCtrl'
        })
        .when('/profile', {
            templateUrl: 'partials/profile.html'
        })
        .when('/ads', {
            templateUrl: 'partials/ads.html'
        })
        .otherwise({
            redirectTo: '/overview'
        });
}]);

这是我的HTML:

<div ng-controller="NavCtrl">
    <md-nav-bar md-selected-nav-item="currentNavItem" theme="forest" aria-label="nav">
        <md-nav-item md-nav-href="#/overview" name="overview">Übersicht</md-nav-item>
        <md-nav-item md-nav-href="#/howitworks" name="howitworks">So funktioniert's</md-nav-item>
        <md-nav-item md-nav-href="#/startnow" name="startnow">Jetzt loslegen</md-nav-item>
        <md-nav-item md-nav-href="#/profile" name="profile">Firmendaten</md-nav-item>
        <md-nav-item md-nav-href="#/ads" name="ads">Werbungen</md-nav-item>
    </md-nav-bar>
</div>

它适用于profile.html但无法找到ads.html,即使它存在且可以通过Chrome查看。

Dev Tools output

我已经尝试清除浏览器缓存,但它没有帮助。任何见解都表示赞赏。

1 个答案:

答案 0 :(得分:0)

问题是部分文件的名称。它包含“&#34; ads&#34;”字样,显然是由广告拦截器(AdBlock或Google自己)过滤的。我重命名了该文件并且它正常工作。