2017-04-04 111 views
1

可以在任何一个电话我什么是本守则angularjs路由不工作

angular.module("Appp",["ngRoute"]) 
.config(function($routeProvider){ 
    $routeProvider.when('/add', { 
     templateUrl: "template/addContact.html", 
     controller: "addContact" 
    }) 
}) 
.controller('addContact',function($scope){ 
    var akash = "A simple message"; 
    $scope.akash = akash; 
}); 

这里的问题是HTML。 部分模板位置正确。 这是HTML。 部分模板位置正确。 这是HTML。 部分模板位置正确。

<!DOCTYPE html> 
<html ng-app="Appp"> 
<head> 
    <title>Angular application with route</title> 
    <link rel="stylesheet" type="text/css" href="css/style.css"> 
</head> 
<body> 
<div class="wrap"> 
    <div class="headed" align="center"> 
    <h1>Angular application with route</h1> 
    </div> 
    <div class="middle"> 
    <div class="left"> 
     <ul> 
     <li><a href="#/add">Add contact</a></li> 
     <li><a href="#/view">View contact</a></li> 
     </ul> 
    </div> 
    <div class="right"> 
     <ng-view></ng-view> 
    </div> 
    </div> 
    <div class="footer"></div> 
</div> 
<script type="text/javascript" src='js/angular.js'></script> 
<script type="text/javascript" src='js/angular-route.js'></script> 
<script type="text/javascript" src='js/custom.js'></script> 
</body> 
</html> 
+2

你要告诉我们什么是问题 – Sajeetharan

+0

我不也知道什么是错。但是当我试图在XAMPP服务器中蹭这段代码时,URL就像这样:http:// localhost/angularApps /#!#%2Fadd和部分模板未注入 –

+0

发布您的html代码 – Sajeetharan

回答

0

问题是你的,改变它,

<div ng-view></div> 

WORKING DEMO

+0

我也使用该代码 –

+0

我也使用

但结果相同 –

+0

@AkashAhammad你检查过演示吗? – Sajeetharan