javascript - Angular 模板未显示在主页上

Question

我正在尝试在 Angular 应用程序的主 JavaScript 配置文件中制作小型页面模板。

语法似乎很合理，但每当我显示页面时，我只能看到预制的菜单栏，而没有其他内容。

fiddle :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

不要同时使用 template 和 templateUrl，使用其中之一。不要使用#:

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

Fiddle