Cómo migrar de jQuery a AngularJS: piensa de manera diferente
¡Hola a todos! Soy un desarrollador frontend principiante y tengo un problema serio. He estado escribiendo en jQuery durante mucho tiempo, y ahora estoy tratando de aprender AngularJS, pero mi cerebro simplemente se niega a reajustarse.
En jQuery, estoy acostumbrado a hacer todo manualmente: encontrar un elemento con $('selector'), adjuntar un handler, modificar el DOM directamente. Por ejemplo, para actualizar una lista, escribo:
```javascript
// Estilo jQuery
$('#loadBtn').on('click', function() {
$.get('/api/items', function(data) {
var list = $('#itemList');
list.empty();
data.forEach(function(item) {
list.append('' + item.name + ' ');
});
});
});
```
En AngularJS, intento hacer lo mismo, pero termino con un lío de $scope, directivas y servicios. Constantemente me sorprendo pensando: "¿Dónde consigo este elemento? ¿Cómo vinculo el evento? ¿Por qué los datos no se actualizan en la plantilla?"
Ejemplo concreto: tengo un formulario de entrada y un botón "Agregar". En jQuery, simplemente tomo el valor del input, creo un nuevo elemento y lo inserto en el D