Loading [MathJax]/jax/output/HTML-CSS/fonts/TeX/fontdata.js

Dependency Injection

EJemplo 

var app = angular.module("MyFirstApp",[]);
app.controller("FirstController", function($scope){ 
       $scope.nombre = "Fredy Fernandez ";
       $scope.dateDay= "03/08/2017"
       $scope.nuevoComentario = {};
       $scope.comentarios = [
           {
                   comentario: "Buen Tutorial",
                   username: "Fredy Fernandez",
                   dateDay: "03/08/2017"
                   
           },
           {
                   comentario: "Malisimo Tutorial",
                   username: "Jose Carrasxo",
                   dateDay: "03/08/2017"
           }
       ];
       $scope.agregarComentarios = function(){
               $scope.comentarios.push($scope.nuevoComentario);
               $scope.nuevoComentario = {};
       }
});

 

$scope es una Dependencia

 

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}}


           
  •  
         


 
"

 

class 5 - Dependency Injection

FREDYS  FERNANDEZ
Module by FREDYS FERNANDEZ, updated more than 1 year ago
No tags specified