2016-11-26 72 views
2

在加载我的index.html我面对这个错误

的index.html

<html> 
<head>Testing 
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js" ></script> 
<script> 
var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope,$http) { 
    $scope.submit= function(){ 
var data = { 
    book: {    
    author: $scope.author, 
    title : $scope.title, 
    body : $scope.body 
    } 
} 

$http.post("/", data).success(function(data, status) { 
    console.log('Data posted successfully'); 
}) 
    } 
}); 
</script> 
</head> 

<body ng-app="myApp">  
    <div ng-controller="myCtrl"> 
    <form> 
     Author: 
     <input type="text" ng-model="author"> 
     <br> 
     <br> Title: 
     <input type="text" ng-model="title"> 
     <br> 
     <br> Body: 
     <input type="author" ng-model="body"> 
     <br> 
     <br> 
     <input type="submit" value="Submit" ng-click="submit()"> 
    </form> 
    </div> 
</body> 
</html> 

我运行它在我的node.js代码是

server.js

var express = require('express'); 
var bodyParser = require('body-parser'); 
var app = express(); 
var path = require('path'); 


app.use(express.static(__dirname + './public')); 
app.use(express.static(path.join(__dirname, 'public'))); 
app.use(bodyParser.urlencoded({ extended: true })); 
app.use(bodyParser.json()); 


app.get('/', function(req, res){ 
    res.sendFile(__dirname +'/index.html'); 
}); 

app.post('/', function(req,res){ 
    console.log(req.body) 
    res.sendFile(__dirname +'/index1.html'); 
}); 

console.log('server running at 3000!') 
app.listen(3000); 

我得到正确的index.html,但在谷歌浏览器检查它显示我的错误

angular.js:38Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.6/ $injector/modulerr?p0=myApp&p1=Error%3A%2…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.5.6%2Fangular.min.js%3A21%3A332)

+1

我认为你必须加载JavaScript库文件,请检查 –

+0

嘿阿希什我应该加载javascript文件? –

+0

我已经包含angular.min.js @AshishPatel –

回答

1

您的代码在我们的机器上工作正常。

正如你在一个评论,你总是让旧文件说,应该是cache problem

如果是缓存问题,步骤清除缓存

1) Open Chrome. 
2) On your browser toolbar, tap More . 
3) Tap History, and then tap Clear browsing data. 
4) Under "Clear browsing data," select the checkboxes for Cookies and site data and Cached images and files. 
5) Use the menu at the top to select the amount of data that you want to delete. ... 
6) Tap Clear browsing data. 

如果你想从代码中删除缓存的视图。

app.run(function($rootScope, $templateCache) { 
    $rootScope.$on('$routeChangeStart', function(event, next, current) { 
     if (typeof(current) !== 'undefined'){ 
      $templateCache.remove(current.templateUrl); 
     } 
    }); 
}); 

Here is a link where you get these sort of answers.

你也可以,

1) Open your browser console 
2) Go to network tab 
3) Refresh the page 
4) While refreshing, right click on network tab and click on, clear browser cookies, then press alt+f5 
+0

我试过所有的旧数据被删除了我的密码,所有的浏览器都加载了旧的文件 –

+0

旧的文件意味着什么? 'html'还是'data'? – Sravan

+0

旧的html和js文件 –

1

相同的代码工作在这里

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope, $http) { 
 
    $scope.submit = function() { 
 
    var data = { 
 
     book: { 
 
     author: $scope.author, 
 
     title: $scope.title, 
 
     body: $scope.body 
 
     } 
 
    } 
 

 
    $http.post("/", data).success(function(data, status) { 
 
     console.log('Data posted successfully'); 
 
    }) 
 
    } 
 
});
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script> 
 

 

 
    <script src="script.js"></script> 
 
</head> 
 

 

 
<body ng-app="myApp">  
 
    <div ng-controller="myCtrl"> 
 
    <form> 
 
     Author: 
 
     <input type="text" ng-model="author"> 
 
     <br> 
 
     <br> Title: 
 
     <input type="text" ng-model="title"> 
 
     <br> 
 
     <br> Body: 
 
     <input type="author" ng-model="body"> 
 
     <br> 
 
     <br> 
 
     <input type="submit" value="Submit" ng-click="submit()"> 
 
    </form> 
 
    </div> 
 
</body> 
 
    
 

 
</html>

+0

这个答案没有意义,而应该在评论中添加plunkr,并要求OP提供更多输入 –

+0

@sajeetharan这是否意味着我应该尝试使用另一个名为script.js的文件 –

+0

我试过了不行@sajeetharan –

1

后您的角度简单地加入这行.js脚本行:

<script src="https://code.jquery.com/jquery-2.2.4.js"></script> 

它会工作..

+0

为什么jQuery在这里? – Sajeetharan

相关问题