¿Cómo migrar de jQuery a AngularJS? Pensamientos al estilo Angular para un desarrollador de jQuery
¡Hola a todos! Soy un desarrollador experimentado en jQuery, estoy migrando a AngularJS y me siento como un completo novato. En jQuery estoy acostumbrado a la manipulación directa del DOM: $('.myClass').hide(), $('#myButton').on('click', ...), $.ajax(). Todo es claro y predecible.
Pero en AngularJS me pierdo. Aquí hay un ejemplo de mi lógica típica en jQuery:
```javascript
// jQuery: obtengo datos y actualizo el DOM manualmente
$.getJSON('/api/users', function(users) {
var list = '';
users.forEach(function(user) {
list += '' + user.name + ' — ' + user.email + ' ';
});
$('#userList').html(list);
});
// jQuery: manejador de clic, cambio la visibilidad
$('#toggleBtn').click(function() {
$('#details').toggle();
});
```
En AngularJS intento hacer lo mismo, pero resulta un desastre:
```javascript
// AngularJS (intentando a la antigua)
$http.get('/api/users').then(function(response) {
// ??? ¿Cómo actualizo ahora la lista en la página?
// En jQuery simplemente insertaba HTML, ¿y aquí?
});
$scope.toggleD