Angularjs Angular在EclipseIDEforNodeExpress项目中不工作_Angularjs_Eclipse

Angularjs Angular在EclipseIDEforNodeExpress项目中不工作

angularjs eclipse

Angularjs Angular在EclipseIDEforNodeExpress项目中不工作,angularjs,eclipse,Angularjs,Eclipse,我试图将我的angular控制器代码移动到一个单独的文件中，JS文件抛出了一些错误，比如angular not Recognited。当控制器在同一个文件中时，它正在工作 html文件 <!DOCTYPE html> <html ng-app="demo"> <head> <title>title </title> <link rel="stylesheet" href="https://maxcdn.bootst

我试图将我的angular控制器代码移动到一个单独的文件中，JS文件抛出了一些错误，比如angular not Recognited。当控制器在同一个文件中时，它正在工作

html文件

<!DOCTYPE html>
<html ng-app="demo">
  <head>
    <title>title </title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src='//ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js'>
<script src='//ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular-resource.min.js'>
<script src="public/js/ang.js"></script>

  </head>
  <body ng-controller="democontroller">
    <h1>title </h1>
    <p>Welcome to title </p>
  </body>
</html>

var app = angular.module('demo', []);
app.controller("democontroller", function($scope,$http,$window) {

    alert("hi");
});

节点的app.js文件

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var routes = require('./routes/index');
var users = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

// uncomment after placing your favicon in /public
//app.use(favicon(__dirname + '/public/favicon.ico'));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', routes);
app.use('/users', users);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

// error handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
  app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
      message: err.message,
      error: err
    });
  });
}

// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
  res.status(err.status || 500);
  res.render('error', {
    message: err.message,
    error: {}
  });
});


app.listen(8000, function(){
    console.log("ready on port 8000");
});

module.exports = app;

我们在聊天中发现了这一点，我相信代码缺少关闭标签。

检查chrome中的网络面板和控制台，查看是否缺少任何请求，或者是否加载了外部JS文件，可能还应该将angular版本更新为1.4.x 1.0.8，这是我开始使用的版本。你是否看到ang.js在网络面板中加载，你应该能够在那里搜索并找到它，然后看到响应。不，它没有加载…但src路径是正确的。我在publics文件夹中创建了一个js文件夹，并将文件放在那里。问题是js文件本身显示错误。它表示angular未定义，alert未定义。angular未定义意味着angular.js文件本身未加载，请仔细检查路径，尝试在浏览器中以您期望的路径加载js文件，如果文件未以这种方式加载，则不会使用script.ang.js加载。您的意思是？其在浏览器中的打开与路径相同。我是否需要在ang.js或app.js中添加其他内容？