[AngularJS]没有显示在主页面的角模板

发布时间: 2017/4/16 20:46:52
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

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

任何帮助大大赞赏。

解决方法 1:

不使用模板和 templateUrl,使用其中之一。不要使用 #:

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

提琴

赞助商