Tutorial #23 del curso de angular js, en este turial veremos como obtener los datos desde una base de datos MySQL utilizando php, emplearemos el objeto $http, como base tomaremos el ejemplo del tutorial anterior.
<!DOCTYPE html>
<html ng-app="datosApp">
<head>
<meta charset="utf-8">
<title>Importar datos desde MySQL</title>
<script type="text/javascript" src="angular.min.js"></script>
<link href='css/table.css' rel='stylesheet'>
</head>
<body>
<div ng-controller="controladorDatos">
<table>
<thead>
<tr>
<th>ID</th>
<th>Usuario</th>
<th>Nombre</th>
<th>Apellido</th>
<th>Teléfono</th>
<th>Email</th>
<th>Estado</th>
</tr>
</thead>
<tr ng-repeat="usuario in equipo">
<td>{{usuario.id}}</td><td>{{usuario.usuario}}</td><td>{{usuario.nombre}}</td><td>{{usuario.apellido}}</td><td>{{usuario.telefono}}</td><td>{{usuario.email}}</td><td>{{usuario.estado | cambiar}}</td>
</tr>
</table>
</div>
<script type="text/javascript">
var misDatos = angular.module('datosApp', []);
misDatos.controller('controladorDatos',function($scope,$http){
$scope.importar = function(){
$http.get('php/listar.php').success(function(datos){
$scope.equipo = datos;
});
}
$scope.importar();
});
misDatos.filter('cambiar',function(){
var cambiarFiltro = function(valor){
if(valor==1){
var nuevosDatos = "Activo";
}else{
var nuevosDatos = "Suspendido";
}
return nuevosDatos;
}
return cambiarFiltro;
});
</script>
</body>
</html><?php
//*******FUNCION PRINCIPAL PARA LA CONEXION A LA BASE DE DATOS MySQL*********//
function conexion()
{
// ** Ajustes de MySQL ** //
global $DB_HOST;
global $DB_USER;
global $DB_PASSWORD;
global $DB_NAME;
/** Host de MySQL (es muy probable que no necesites cambiarlo) */
$DB_HOST = 'localhost';
/** Tu nombre de usuario de MySQL */
$DB_USER = 'root';
/** Tu password de MySQL */
$DB_PASSWORD = '';
/** El nombre de tu base de datos */
$DB_NAME = 'tienda';
$mysqli = @new mysqli($DB_HOST, $DB_USER, $DB_PASSWORD, $DB_NAME);
if (mysqli_connect_errno()) {
printf(error_db_connect());
exit();
}
return $mysqli;
}
?><?php
// incluir archivo de conexión
include('conexion.php');
// asignamos la función de conexion a una variable
$con = conexion();
// realizamos la consulta SQL para recuperar todos los registros de la tabla
$resultado = $con->query("SELECT * FROM usuarios");
// creamo una variable del tipo array la cual almacena todos los registros
$datos = array();
// iteramos todos los registros devueltos y llenamos el array
while ($row = $resultado->fetch_assoc()){
$datos[] = $row;
}
// convertimos el array al formato json y mostramos para que angular JS pueda formatear la información
echo json_encode($datos);
?>Base de datos tienda.sql
compa te falto poner el js
http://angular.min.js