使用TemplateUrl不起作用

你好，我的代碼有問題。當我點擊鏈接頁面不會重新加載。使用TemplateUrl不起作用

這裏是一個HTML和JS代碼：

var app=angular.module('mainApp',['ngRoute']); 
 
app.config(function($routeProvider){ 
 
     $routeProvider 
 
      .when('/',{ 
 
       templateUrl: 'home.html' 
 
      }) 
 
      .when('/about',{ 
 
       templateUrl: 'about.html' 
 
      }); 
 
\t \t .when('/contact',{ 
 
       templateUrl: 'contact.html' 
 
      }); 
 
\t \t .otherwise({ redirectTo: '/'}); 
 
}); 
 
app.controller('mainCtrl',function($scope){ 
 
\t 
 
});

<div ng-controller="mainCtrl"> 
 
\t \t <div> 
 
\t \t \t <nav> 
 
\t \t \t \t <ul> 
 
\t \t \t \t \t <li><a href="#/">Home</a></li> 
 
\t \t \t \t \t <li><a href="#/about">About us</a></li> 
 
\t \t \t \t \t <li><a href="#/contact">Contact</a></li> 
 
\t \t \t \t </ul> 
 
\t \t \t </nav> 
 
\t \t </div> 
 
\t <br/> 
 
\t \t <div ng-view > 
 
\t \t 
 
\t \t </div> 
 
</div>

你有什麼想法錯了什麼`？

來源

2016-05-30 Ernest

您正在嘗試'.when'關分隔符';當（） –

刪除分號; before.when什麼都不是變化 –

如果我刪除後' – Ernest

嘗試此

var app=angular.module('mainApp',['ngRoute']); 
    app.config(function($routeProvider){ 
      $routeProvider 
       .when('/',{ 
        templateUrl: 'home.html' 
       }) 
       .when('/about',{ 
        templateUrl: 'about.html' 
       }) 
       .when('/contact',{ 
        templateUrl: 'contact.html' 
       }) 
       .otherwise({ redirectTo: '/'}); 
    }); 
    app.controller('mainCtrl',function($scope){ 

    });

來源

2016-05-30 10:56:38

地址頁面正在改變，但在我的ng-view中沒有任何反應。你能幫忙嗎？ – Ernest

刪除分號（;），用於第二和thirs。當箱子

var app=angular.module('mainApp',['ngRoute']); 
app.config(function($routeProvider){ 
    $routeProvider 
     .when('/',{ 
      templateUrl: 'home.html' 
     }) 
     .when('/about',{ 
      templateUrl: 'about.html' 
     }) 
     .when('/contact',{ 
      templateUrl: 'contact.html' 
     }) 
     .otherwise({ redirectTo: '/'}); 
});

來源

2016-05-30 11:02:19

打開控制檯。可能你的BASE標籤丟失了。將它添加到HEAD標籤。

<base href="/" />

來源

2016-05-30 11:08:59 androbin

使用TemplateUrl不起作用

回答

相關問題