2016-12-13 1 views
0

학교 프로젝트에 도움이 필요합니다. Im은 해결해야 할 문제 목록을 만들고 업데이트하기위한 앱을 만듭니다.MEAN을 사용하여 데이터 저장

나는이 문제를 삽입하기로되어있는 입력란을 가지고 있으며 ID, "Open"상태 및 datestamp를 생성해야합니다.

그러면 내 출력 테이블에 문제가 표시됩니다. 나는 databas에서 무엇을 표시 할 수 있는지를 해결했다. 이제는 새로운 데이터를 저장하는 부분을 해결해야합니다.

제 계획은 AddIssue 버튼에 ng-click을 사용하고 AddIssue라고하는 함수를 호출하는 것입니다. 그런 다음 데이터 저점을 전송하고 데이터

HTML

<div ng-controller="inputCtrl"> 
<p>New issue <input class="form-control" type="text" ng-model="newIssue"></p> 
<button ng-click="AddIssue()"> Add </button> 
</div> 

<div ng-controller="tableCtrl"> 
<table class="table table-striped"> 
<thead> 
    <tr> 
    <th>Status</th> 
    <th>Issue</th> 
    <th>Date</th> 
    <th>ID</th> 
    </tr> 
</thead> 
<tbody> 
    <tr ng-repeat="issue in issueList"> 
     <td>{{issue.status}}</td> 
     <td>{{issue.issue}}</td> 
     <td>{{issue.date}}</td> 
     <td>{{issue.id}}</td> 
    </tr> 
</tbody> 
</table> 
</div> 

내 JS 파일 controller.js

var myApp = angular.module('myApp', []); 

// Controller for input 
myApp.controller('inputCtrl', function($scope) { 

// Call function when click on AddIssue btn 
$scope.AddIssue = function() { 

    console.log("Click click....") 

    // Use Post to send data to database  
    $http.post('/issueList').sucess(function(response){ 
     $scope.newIssue = 'New issue'; 
    }) 


} 

}); // End of input 

서버를 저장하는 moongose를 사용하여 $의 HTTP 포스트를 사용하여. js

/* Connect to db issues */ 
mongoose.Promise = global.Promise; 
mongoose.connect('mongodb://localhost/issues'); 

var db = mongoose.connection; 
db.on('error', console.error.bind(console, 'connection error:')); 

/* Connect to MongoDB */ 
db.once('open', function (callback) { 
console.log("Connected to db"); 

// Created b-schema 
issueSchema = mongoose.Schema({ 
    id: String, 
    issue: String, 
    date: String, 
    status: String 
}); 

// Create Model 
Issue = mongoose.model('Issue', issueSchema); 

이 지금까지 내가 온 것을, 그리고 지금은 내 MongoDB를이

+0

:

은 한 번보세요. 이것은 MEAN 스택을 사용하여 할 일 목록을 만드는 방법에 대한 멋진 기사입니다. https://scotch.io/tutorials/creating-a-single-page-todo-app-with-node-and-angular. –

답변

0

를 발행에 저장하는 몽구스를 사용하여 두 번째

을 server.js하는 controller.js에서 데이터를 전송하는 방법 첫째로 도움이 필요 POST를 위해 server.js에 라우트를 정의해야하며 그 안에 mongodb에 문제 객체를 저장할 수 있습니다. 같은

뭔가 :

//addIssue 
    app.post('/addIssue', function(request, response) { 
     var issue = new Issue({ 
      id: request.body.id, 
      issue: request.body.issue, 
      date: request.body.date, 
      status: request.body.status 
     }); 

     return issue.save(function(err) { 
      if(!err) { 
       return response.send(issue); 
      } else { 
       console.log("ERROR adding issue:" + err); 
      } 
     }); 
    }); 

당신은 너무 일부 NPM 패키지를 설치해야합니다. 예를 들어 :

  • 몸 파서
  • 명시

또한 당신이 그들을 가져와야 등 (NPM 특급 설치) (NPM 몸 파서 설치) 다음을 사용하여 server.js 파일에서 :

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

이것은 아이디어를 명확히하기위한 한 예입니다. 프로덕션 환경에서는 상황이 조금 다릅니다. 난 당신을 도움이되는 몇 가지 예를 살펴한다고 생각 https://scotch.io/tutorials/setting-up-a-mean-stack-single-page-application

+0

감사합니다! 나는이 솔루션을 시도하고 그 아이디어로 작업한다. – mackeemackee

+0

나는 왜 issSchema를 얻는 것이 함수가 아닌지 아십니까? – mackeemackee

+0

예. 내 잘못이야! 죄송합니다. 답변을 업데이트했습니다. – deChristo

관련 문제