angularjs路由不起作用

Question

任何人都可以告訴我這個代碼有什么問題

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>

Answer 1

問題在於你，改變它，

 <div ng-view></div>

工作演示

angularjs路由不起作用

問題描述

1 個解決方案

解決方案1
0 已采納 2017-04-04 19:32:55

angularjs路由不起作用

問題描述

1 個解決方案

解決方案1 0 已采納 2017-04-04 19:32:55

解決方案1
0 已采納 2017-04-04 19:32:55