javascript - not - AngularJS ng-controller no funciona
ng click not working (8)
Acabo de empezar a aprender sobre AngularJS desde w3schools . Intento practicar ejemplos de lo que hayan mencionado en los tutoriales. Todo funciona bien, pero cuando llegué a "Controladores AngularJS" no está funcionando correctamente, ya que funciona bien en w3schools . He entregado mi código en este ejemplo de violín . Mi guión se ve así:
function personController($scope) {
$scope.firstName= "John";
$scope.lastName= "Doe";
}
Trate de ayudarme y sugiérame un buen tutorial (o cualquier archivo pdf gratuito).
Acabo de modificar tu violín js. Por favor verifica el ejemplo del violín.
function personController($scope) {
$scope.firstName= "John";
$scope.lastName= "Doe";
}
No hubo ningún problema con su código, excepto la configuración del violín de JS de onLoad a No wrap - in head
Debe crear un módulo de aplicación y luego agregarle un controlador. En angular se trata de dependencias. En segundo lugar necesitas un nombre de aplicación. El tutorial básico está en su página principal: https://docs.angularjs.org/tutorial/step_00 Comencé con eso, y funcionó bien conmigo. Simplemente haga todos los pasos a partir del paso 1.
El mismo problema puede ser si intenta anidar ngApp en otro ngApp.
La documentación dice:
AngularJS applications cannot be nested within each other.
Es un nuevo enfoque. Ya no podemos usar controladores sin módulo. Echa un vistazo a this . Simplemente agregue un módulo y agregue el controlador, entonces no tendrá ningún problema.
Este es tu violín corregido .
Es una buena práctica para angular que la definición del controlador tenga un aspecto similar al siguiente:
angular.module("app", []).controller("personController", function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});
Y, sin lugar a dudas, ¡el mejor tutorial para aprender lo básico de Angular es el de CodeSchool !
Espero que esto ayude.
Este es un resultado de búsqueda común para "El controlador angular no funciona", así que pensé que sería útil agregar la solución que solucionó el problema de "el controlador no funciona".
Tenía mi ruta base con $routeProvider apuntando a un archivo de controlador y un templateUrl parcial así:
$routeProvider.when(''/'', {
templateUrl: ''partials/home.html'',
controller: ''homePage''
});
Tenía otras rutas y todos esos controladores funcionaban, pero por alguna razón mi primera ruta no lo haría. Resulta que tuve un pequeño error lógico en mi parcial y que impidió que CUALQUIERA de mi código de controlador se ejecutara.
Un pequeño y tonto error, pero me sorprendió el hecho de que se trataba de un problema lógico en mi parcial que impedía que se ejecutara el código del controlador. Me tomó mucho más tiempo de lo que me gustaría admitir, porque el problema no estaba en mi "JavaScript" a pesar de que los errores de la consola estaban presentes. ¿Las alegrías del código de front-end estrechamente acoplado, amiright?
Tienes que ingresar la función como parámetro dentro del módulo.
var app = angular.module(''app'',[]);
app.controller(''personController'',function($scope){
$scope.firstName = ''John'';
$scope.lastName = ''Smith'';
});
agregando np-app="myApp" en cualquier etiqueta de html como <html ng-app = "myApp"> mi código funciona bien.