首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >ng-view不以angularjs显示

ng-view不以angularjs显示
EN

Stack Overflow用户
提问于 2016-10-18 12:10:33
回答 4查看 193关注 0票数 0

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

索引:

代码语言:javascript
复制
<!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:

代码语言:javascript
复制
var app=angular.module('myAPP',['ngRoute']);

route.js:

代码语言:javascript
复制
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 : '/'
    })
}])
EN

回答 4

Stack Overflow用户

发布于 2016-10-18 12:24:06

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

代码语言:javascript
复制
  <script src="js/angular.js"></script>
  <script src="js/angular-route.js"></script>
  <script src="js/app.js"></script>
票数 1
EN

Stack Overflow用户

发布于 2016-10-18 12:31:14

您已经编写了templateUrl而不是编写了templateURL。除此之外,一切都很好。

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

templateURL --> templateUrl

票数 0
EN

Stack Overflow用户

发布于 2016-10-18 12:42:52

您可能应该将所有脚本标记添加到head标记中,以使其正常工作,并关闭script标记。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40099360

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档