Javascript 连接到api nodeJS和mongoDB_Javascript_Angularjs_Node.js_Mongodb_Mongoose

Javascript 连接到api nodeJS和mongoDB

javascript angularjs node.js mongodb mongoose

Javascript 连接到api nodeJS和mongoDB,javascript,angularjs,node.js,mongodb,mongoose,Javascript,Angularjs,Node.js,Mongodb,Mongoose,我正在尝试将我的web应用程序连接到mongoose中的后端服务器。此服务器托管在本地atm上我正试图从我的服务器获取一个“recipe”对象并获取其标题。我遇到以下错误： angular ui router.js:18未捕获类型错误：无法读取未定义（匿名函数）@angular ui router.js:18（匿名函数）@angular ui router.js:3223的属性“isDefined” angularApp.js:3未捕获引用错误：未定义角度我要用邮递员取我的东西 [ {

我正在尝试将我的web应用程序连接到mongoose中的后端服务器。此服务器托管在本地atm上

我正试图从我的服务器获取一个“recipe”对象并获取其标题。我遇到以下错误：

angular ui router.js:18未捕获类型错误：无法读取未定义（匿名函数）@angular ui router.js:18（匿名函数）@angular ui router.js:3223的属性“isDefined”
angularApp.js:3未捕获引用错误：未定义角度

我要用邮递员取我的东西

[
 {
  "_id": "56309ea8e4b02bf207dbe409",
   "title": "Chili sin carne",
 }
]

我们的HTML页面

<html>
<head>
<title>Recipes</title>
<link rel='stylesheet' href='/stylesheets/inlog.css' />
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui-               router/0.2.10/angular-ui-router.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">         </script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.10/angular-ui-router.js"></script>
<script src="javascripts/angularApp.js"></script>
</head>
<body>
<table >
  <div ng-controller="RecipesCtrl">
 <h1>Title </h1>
//here we load a recipe object and get it's title and show it
  <p>{{$scope.title}}</p>
</div>
</body>
</html>

配方控制器

var app = angular.module('project-eva')

 app.controller('RecipesCtrl', function ($scope, $location, $rootScope,     $http) {
"use strict";


$scope.recipes = function(){

    $http({
      method: 'GET',
      url: 'localhost:8080/api/recipes',
      headers: {
        'Access-Control-Allow-Origin' : '*',
        'Content-Type': 'application/json'
      },
      data: {
        title : $scope.title;
      }
    }).then(function succesCallBack(response){
      console.log(response);

    }, function errorCallback(response){
         console.log(response);
         if(response.data !== null){
           $scope.error = response.data.message;
         } else {
           $location.path('/ise');
         }
    });
  } else {
    $scope.error = "Please fill in all required fields.";
  }
} else {
  $scope.error = "Password and confirm password have to be te same!";
}
}
});

您在html中两次导入angular ui路由器，但从未导入angular本身。从angular.io下载。您也可以使用bower或npm。你一定有一个

<script src="somewhere/angular.js"></script>

<script src="somewhere/angular.js"></script>