角度模板未显示在主页上

Angular templates not showing up on main page

本文关键字：主页 显示      更新时间：2023-09-26

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

语法看起来很合理，但每当我显示页面时，我只会得到我预制的菜单栏，没有其他任何东西。

小提琴：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'
  });
}])

任何帮助将不胜感激。

不要同时使用模板和模板URL，请使用其中之一。不要使用 #：

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

小提琴

相关文章：