javascript - ng-view 不显示在 angularjs 中

标签 javascript angularjs

我想用 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']);

路由.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 : '/'
    })
}])

最佳答案

您尚未关闭 js/angular-route.js 标签

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

<强> DEMO

关于javascript - ng-view 不显示在 angularjs 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40099360/

相关文章:

Javascript方法定义不一致

javascript - 在angularjs中从本地存储中检索对象数组

javascript - Angular ui-grid 以编程方式设置过滤器字段并刷新。值不显示

javascript - 使用 AngularJS slider 获取日期输入作为范围

javascript - 使用 Angular js中的服务更新范围变量

javascript - JQuery mobile v1.2 javascript 事件在弹出窗口中不起作用

javascript - Node.js:创建 "scrolling window + textarea"控制台应用程序的最简单方法?

javascript - 如何使文本跟随图像调整大小

javascript - 在不同 Controller 之间共享数据的最佳 Angular 方式

javascript - 如何在使用 javascript 将数据导出到 .csv 时更改单元格类型和其他属性