gpt4 book ai didi

javascript - ng-view 不显示在 angularjs 中

转载 作者:行者123 更新时间:2023-12-03 05:52:13 26 4
gpt4 key购买 nike

我想用 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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com