REAL TIME SURVEY!

webapp

  • AngularJS
  • Semantic-UI
  • firebase

일단 한번  : )

http://vo-te-me.herokuapp.com

angularfire?


http://angularfire.com/


Real time - backend




원래는! MongoDB + Node.JS + Rails...

시간이 부족하여.. AngularFire


#1 Install AngularFire 


<script src='https://cdn.firebase.com/v0/firebase.js'></script><script src='https://cdn.firebase.com/libs/angularfire/0.3.0/
angularfire.min.js'</script>

#2  Creating an Angular Module 


var app = angular.module("myapp", ["firebase"]);


#3 Creating a Controller 



 function MyController($scope, angularFire) { }

#4 Binding a Model to Firebase 



var app = angular.module("myapp", ["firebase"]);
function MyController($scope, angularFire) {
var ref = new Firebase("https://voteme.firebaseio-demo.com/");  $scope.messages = [];  angularFire(ref, $scope, "messages");}

#5 Reading Data 



<body ng-controller="MyController">
  <div id="messagesDiv">
  <div ng-repeat="msg in messages"><em>{{msg.from}}</em>: {{msg.body}}            </div></div>

#6 Writing Data 




 <input type="text" ng-model="msg" ng-keydown="addMessage($event)" placeholder="Message...">

$scope.addMessage = function(e) {
  if (e.keyCode != 13) return;
  $scope.messages.push({from: $scope.name, body: $scope.msg});
  $scope.msg = "";
};

간단한 예제






뚱!

참고 URL


Made with Slides.com