改变路线并没有显示任何东西

时间:2017-10-02 16:01:19

标签: javascript angularjs

我正在做一个网页,我是使用Angularjs的新手。我已经改变了架构,以便使用ng-view并动态地移动子页面。当路由是/ project时没有任何反应,而且控制台上没有错误。

在检查元素时,在chrome中它显示为

<!-- ngView: -->

提前致谢。

的index.html:

<html lang="en" ng-app="innhomeweb">
...
<div ng-view></div>

app.module.js:

var Appmodule = angular.module('innhomeweb', [
'projectList',
'callList',
'organizationList',
'searchList',
'adminModule',
'transformModule',
'ngRoute',]);

Appmodule.config(['$locationProvider' ,'$routeProvider',
function config($locationProvider, $routeProvider) {

    $routeProvider.when('/project', {
        template: '<project-list></project-list>',

        controller: 'projectList'

    });
}
]);

2 个答案:

答案 0 :(得分:0)

这是因为您在template中指定了一个奇怪的$routeProvider,只是尝试将其替换为template: '<h1>TEST</h1>',,它应该可以正常工作。

答案 1 :(得分:0)

前一段时间我遇到过类似的问题。尝试在ab之前添加$locationProvider.hashPrefix('!');以配置深层链接,然后在$routeProvider.when()之后添加.otherwise('/project');以设置默认路径。

AngularJS教程声称&#34; setting a prefix is not necessary&#34;,但如果没有它,我无法让它工作。