Question

我正在尝试在我的主要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'
  });
}])

非常感谢任何帮助。

Answer 1

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

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

ssh2-exec

角度模板未显示在主页面上

1 个答案: