使用ng-route

时间:2018-03-29 13:02:24

标签: angularjs

我是Angular的新手,我开始使用v-1.6并且Ng-route似乎不起作用...一旦我在app.config中设置了路线 - 我得到空白页没有错误......

这是app.config.js

    var myApp = angular.module('try', ['ngRoute']);
    myApp.config(["$routeProvider", "$locationProvider", function(e, r) {

        e.when('/home', {
            template: "<h1>Home</h1>"
        }).when('/about', {
            template: "<h1>about</h1>"
        }).when('/', {
            template: "<blog-list></blog-list>"
        });
    }]);

Plunker

1 个答案:

答案 0 :(得分:1)

当您加载应用程序时you should call any route,因为您没有这样做,因此没有任何路由正在呼叫。

看,我添加了其他路线。我从你的plunker更新了代码。

其他方法,这是其他任何一方都没有匹配的默认路线。

var myApp = angular.module('try', ['ngRoute','blogList']);
myApp.config(["$routeProvider", "$locationProvider", function(e, r) {
    r.hashPrefix('');
    r.html5Mode(true);
    e.
    when('/home', {
        template: "<h1>Home</h1>"
    }).when('/about', {
        template: "<h1>about</h1>"
    }).when('/', {
        template: "<blog-list></blog-list>"
    }).otherwise(
        { redirectTo: 'home' }
    );
}]);

Updated plunker