角模板沒有顯示出來

Question

主頁

我嘗試讓我的主要的Javascript配置文件中的小頁面模板的應用角度上。

的語法似乎是合理的，但每當我顯示的頁面，我只讓我預先製作的菜單欄，沒有別的。

小提琴：https://jsfiddle.net/Miega/mowwckze/9/

這是我的JS文件有問題的配置部分：

.config(['$routeProvider', function($routeProvider) { 
    $routeProvider 
    .when('#/homePage', { 
       templateURL: 'homePage.html', 
     template: '<p>WELCOME HOME!</p>' 
    }). 
    when('#/pCredential', { 
      templateURL: 'pCredential.html', 
    template: '<p>INSERT CREDENTIALS INTO NODE.</p>' 
    }). 
    when('#/tLogin', { 
      templateURL: 'tLogin.html', 
    template: '<p>PLEASE LOGIN TO THE TECHNICIAN PAGE.</p><p>GET CREDENTIALS FROM OWNER.</p>' 
    }). 
    when('#/aLogin', { 
      templateURL: 'aLogin.html', 
    template: '<p>ADMINISTRATOR ACCESS.</p>' 
    }) 

    //load default page on page refresh 
    .otherwise({ 
    redirectTo: '#/homePage' 
    }); 
}]) 

任何幫助是極大的讚賞。

Answer 1

不要同時使用模板和templateUrl，使用其中的一個。不要使用＃：

.when('/homePage', { 
    template: '<p>WELCOME HOME!</p>' 
}); 

Fiddle