Question

我想用angularjs制作路线。但是当我运行我的应用程序时，ng-view没有显示任何内容。我是angularjs的新手。

索引：

<!DOCTYPE html>
<html lang="en">
<head>
    <title>CRUD</title>
</head>
<body ng-App="myAPP">
  <a href='#/'/>List</a>
  <a href='#/addData'/>Add Data</a>

  <div>
    <div ng-view></div>
  </div>

  <script src="js/angular.js"></script>
  <script src="js/angular-route.js"></script>
  <script src="js/app.js"></script>
  <script src="controller/controller.js"></script>
</body>
</html>

app.js：

var app=angular.module('myAPP',['ngRoute']);

route.js：

app.config(['$routeProvider',function($routeProvider){
    $routeProvider.when('/',{
        templateURL : 'crud/pages/list.html',
        controller : 'controller'
    })
    .when('/addData',{
        templateURL : 'crud/pages/coba.html',
        controller : 'controller'
    })
    .otherwise({
        redirectTo : '/'
    })
}])

Answer 1

您尚未关闭js/angular-route.js代码

  <script src="js/angular.js"></script>
  <script src="js/angular-route.js"></script>
  <script src="js/app.js"></script>

<强> DEMO

Answer 2

您已编写templateURL而非编写的templateUrl。除此之外一切都很好。

请关闭括号<script></script>

templateURL - ＆gt; templateUrl

Answer 3

你应该在head标签中添加所有脚本标签，使其工作并关闭脚本标签。

Answer 4

点击这里查看源代码，很难理解

https://github.com/umakantmane/single-page-app

ng-view没有显示在angularjs中

4 个答案: