我不太确定如何让我的应用程序运行.. 当我尝试运行此程序时,所有部分都只显示空白页。控制台中没有错误。
我查了一下,在某处我读到错误可能出现在我在 templateUrl 中写入的路径中。
但是我已经尝试了一切,但仍然不起作用。
以下是代码(以“事件”部分之一为例):
app.js:
/* App Module */
angular.module('app', ['app.home', 'app.users', 'app.events'])
.config( function myAppConfig ( $routeProvider ) {
'use strict';
$routeProvider.otherwise({ redirectTo: '/home' });
});
events.js:
'use strict';
/* Events Module */
var gulp = require('gulp');
var mygulpplugin = require('mygulpplugin');
gulp.tasks = mygulpplugin.tasks;
angular.module('app.events', [])
.config(['$routeProvider', function config($routeProvider) {
$routeProvider.when('/events', {
controller: 'EventsController',
templateUrl: '../../partials/_events.html'
});
}])
.controller('EventsController', ['$scope', function ($scope) {
/* HERE GOES SOME CODE.. */
}]);
module.exports = gulp;
index.html:
<!DOCTYPE html>
<html>
<head>
<title>Deployd Todos</title>
<!--<link rel="stylesheet" href="css/bootstrap.min.css" />-->
<script type="text/javascript" src="/js/lib/jquery.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<script type="text/javascript" src="/js/lib/angular.js"></script>
<script type="text/javascript" src="/dpd.js"></script>
<script type="text/javascript" src="/js/app.js"></script>
</head>
<body ng-app="app">
<div class="container" ng-controller="IndexController as userC">
<h1>Welcome to Deployd!</h1>
<ul>
<li>
<p>Check upcoming events <a href="partials/_home.html">here</a></p>
</li>
<li>
<p>Create a new event<a href="partials/_events.html"> here</a>.</p>
</li>
<li>
<p>Check users<a href="partials/_user.html"> here</a>.</p>
</li>
</ul>
</div>
</body>
events.html:
<html>
<head>
<title>TODO supply a title</title>
<script type="text/javascript" src="/js/lib/jquery.js"></script>
<link rel="stylesheet" href="../../css/bootstrap.min.css" />
<script type="text/javascript" src="/js/lib/angular.js"></script>
<script type="text/javascript" src="/dpd.js"></script>
<script type="text/javascript" src="/js/app.js"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="container" ng-controller="EventsController" ng-cloak>
<h1>Crear Evento</h1>
<p id="empty" ng-hide="eventos.length || !loaded">No tienes eventos! Crea uno ahora:</p>
<ul id="events" class="unstyled">
<li ng-repeat="evento in eventos">
<label>{{evento.name}}</label>
<label>{{evento.date}}</label>
</li>
</ul>
<form class="form-inline">
<!-- here goes a form body -->
<button id="add-btn" class="btn btn-success" ng-click="addEvent(titleEvent,dateEvent,timeEvent,addressEvent,descrEvent,logoEvent,pubEvent)">Crear</button>
</form>
<p>
<a href id="remove-completed-btn" ng-click="removeCompletedItems()">Remove completed items</a>
</p>
</div>
</body>
如果有人能帮助我,我将非常感激!!
最佳答案
Angular.js、dpd.js、app.js 的路径都是错误的。我将它们放在更高的文件夹中,但它们前面缺少“../”。 因此 templateUrl 路径也是错误的。
修复该问题后,我遇到了 bootstrap.min.js 错误 - 由于某种原因,高于 2 的 bootstrap 版本无法正常运行。我保留了 bootstrap.js 版本 1.0.1,它可以正常工作
关于javascript - 尝试运行应用程序模块 angularjs 时没有错误的空白页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40335590/