gpt4 book ai didi

javascript - AngularJS 应用程序未启动

转载 作者:行者123 更新时间:2023-11-29 14:49:38 27 4
gpt4 key购买 nike

我正在尝试启动一个 angularjs 项目,但是由于某种原因我似乎无法正确启动它。这可能是某种错误,我看不见。这是代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>WebUX</title>
<link rel="stylesheet" href="css/index.css">
</head>
<body ng-app="webux">
<section class="sidebar">
<nav class="page-nav">
<ul>
<li><a href="#/home" class="home"></a></li>
<li><a href="#/about" class="about"></a></li>
<li><a href="#/contact" class="contact"></a></li>
</ul>
</nav>
</section>

<section class="content">
<div class="slide" ng-view></div>
</section>

<script type="application/javascript" src="js/lib/angular.min.js"></script>
<script type="application/javascript" src="js/lib/angular-route.js"></script>
<script type="application/javascript" src="js/main.js"></script>
</body>
</html>

和 javascript:

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

app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
$locationProvider.html5Mode(true);

$routeProvider.when('/', {
templateUrl: 'partials/home.html',
controller: 'HomeCtrl'
});
}]);

app.controller('HomeCtrl', function($scope) {
console.log($scope);
});

HomeCtrl 中的控制台日志也不会被触发。

更新

只是添加一些信息:

  • 控制台是空的
  • 所有脚本文件都被正确引用

最佳答案

好的,非常感谢大家帮助我,但我找到了解决方案。正如您在我的代码示例中所见,我使用 <div class="slide" ng-view></div>指定应在何处呈现 View 。在我检查了几次该元素后,我发现 chrome 剥离了那个空属性。

<div class="slide" data-ng-view确实有效(注意“数据-”)。

关于javascript - AngularJS 应用程序未启动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27627460/

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