gpt4 book ai didi

javascript - Angular 不显示 html 页面

转载 作者:行者123 更新时间:2023-11-30 20:28:02 25 4
gpt4 key购买 nike

我是第一次实现 Angular。我在 Eclipse 中使用工厂、 Controller 和模板(不知道是否有其他方法)。因此,我将重定向到我的 index.html 页面:

<!DOCTYPE html>
<html id="list" data-ng-app="myApp">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../css/stylesheet1.css" />
<title>App</title>
<!-- Include the AngularJS library -->
<script src="../js/angular/angular.js"></script>
<script src="../js/angular/angular-route.js"></script>
<!-- Modules -->
<script src="../js/app.js"></script>
<script src="../js/factories/objectFactory.js"></script>
<script src="../js/factories/usersFactory.js"></script>
<script src="../js/controllers/headerCtrl.js"></script>
<script src="../js/controllers/listCtrl.js"></script>
<script src="../js/controllers/objectHandlerCtrl.js"></script>
</head>
<body>
<div data-ng-controller="headerCtrl as headerVM">
<nav id="links">
<div class="inner"><button onclick="location.href ='#!/createObject'">Create</button></div>
<div class="inner"><button onclick="location.href ='#!/editUser'">Edit user</button></div>
<div class="inner"><button onclick="location.href ='#!/deleteUser'">Delete user</button></div>
<div class="inner"><button onclick="location.href ='../LogOutServlet'">Exit</button></div>
</nav>
</div>
<div data-ng-view></div>
</body>
</html>

在第三行的末尾开始,我有一个 div,它应该根据上面的按钮动态地改变 Angular ,但是,尽管当我按下按钮时 url 发生了变化,但这个区域是空的。

为了协调路线,我有 app.js:

angular.module('myApp', ['ngRoute'])
.config(function($routeProvider){
$routeProvider
.when("/", {
controller: "listCtrl",
controllerAs: "listVM",
templateUrl: "listObjectTemplate.html",
resolve: {
delay: function($q, $timeout) {
var delay = $q.defer();
$timeout(delay.resolve, 500);
return delay.promise;
}
}
})
.when("/createObject", {
controller: "objectHandlerCtrl",
controllerAs: "objectHandlerVM",
templateUrl: "noteHandlerTemplate.html"
})
.when("/editObject/:ID", {
controller: "objectHandlerCtrl",
controllerAs: "objectHandlerVM",
templateUrl: "objectHandlerTemplate.html"
})
.when("/deleteNote/:ID", {
controller: "objectHandlerCtrl",
controllerAs: "objectHandlerVM",
templateUrl: "objectHandlerTemplate.html"
});
})

除非您认为有必要保持简单,否则我不会添加更多代码。

那么,是否需要一些其他配置?现在, Angular 部分根本不起作用(无论 url 发生什么变化,div 似乎都是空的)。

我正在使用 AngularJS 1.6.9。

最佳答案

尝试删除 ng-controller data-ng-controller="headerCtrl as headerVM" 这不是必需的,因为您正在路由配置上进行配置

关于javascript - Angular 不显示 html 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50669189/

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