class 6 - Ajax y http

Archivo js (controller.js)

var app = angular.module("MyFirstApp",[]);
app.controller("FirstController",function($scope, $http){
      $scope.posts = [];
      $scope.newPost = {};
      $http.get("http://jsonplaceholder.typicode.com/posts")
             .success(function(data){
                     console.log(data);
                     $scope.posts = data;
             })
             .error(function(err){

             });
      $scope.addPost = function(){
              $http.post("http://jsonplaceholder.typicode.com/posts",{
                      title: $scope.newPost.title,
                      body: $scope.newPost.body,
                      userId: 1
                })
             .success(function(data, status, headers, config){
                 $scope.posts.push($scope.newPost);
                 $scope.newPost = {};
             })
             .error(function(error,status, headers, config){
                 console.log(error);
             });

      }
});

Arhcivo HTML (index.html

"

 
   
   Hola controller con Angular JS
   
   
 
 

   
   


   
   


   Enviar Datos
          

•        
• 
           

  {{ post.title}}

  
           

  {{ post.body}}

  
         
•  
       

 
"