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