2017-04-04 164 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