0

Este código no me funciona, ¿alguna idea?

<!DOCTYPE html>
<html ng-app>
  <head>
    <meta charset="utf-8">
    <title>{{titulo}}</title>
    <script src="angular.min.js" type="text/Javascript"></script>
  </head>
  <body ng-controller="miCtrl">
    <script>
    function miCtrl ($scope){

      $scope.titulo = "German";

    }

    </script>

  </body>
</html>
4
  • 2
    recibes algun mensaje de error en la consolta del browser ? a esta accedes con F12, en la sola console podras ver si hay algun problema. Como defines el codigo del controller?, podrias poner el codigo, recordaste agregar el tag script que referencia a los js del controller que defines el 18 jul. 2016 a las 15:56
  • Como error principal me aparece esto: Error: [ng:areq] errors.angularjs.org/1.5.7/ng/… Gracias!
    – user10628
    el 18 jul. 2016 a las 15:59
  • en que linea registras miCtrl al modulo de angular ? el 18 jul. 2016 a las 16:02
  • Hola gracias por tu ayuda, como podrás ver soy nuevo con angular, este es todo el código que tengo. ¿Qué debería hacer? Gracias por tu ayuda
    – user10628
    el 18 jul. 2016 a las 16:03

2 respuestas 2

2

Te falta inicializar el modulo de angular y crear el controlador en dicho modulo:

var app = angular.module('appTest',[]);
app.controller('miCtrl', ['$scope', function($scope){
  $scope.titulo = "German";

}])

Y debes apuntar a ese módulo al inicio:

<html ng-app="appTest">

Además, el controlador lo debes definir en el head para que reconozca la variable en ese $scope:

<head ng-controller="miCtrl">
  <meta charset="utf-8">
  <title>{{titulo}}</title>
  <script src="angular.min.js" type="text/Javascript"></script>
</head>

Te recomiendo que leas sobre los scopes en angular https://docs.angularjs.org/guide/scope

4
  • Perfecto. Muchas Gracias
    – user10628
    el 18 jul. 2016 a las 16:55
  • @GermanCutraro Si eres nuevo an agular deberías saber que los controllers se inicializan usualmente en el tag html y en el body. En muy raras ocasiones se hace en el head como dice la respuesta ya que existen muy pocos casos de uso para eso. Saludos,
    – devconcept
    el 19 jul. 2016 a las 15:26
  • @devconcept Tienes razón, casi nunca se inicializan controladores en el head. Pero para el caso del ejemplo sirve para ilustrar hasta donde llegan las variables de cada controlador. Saludos. el 19 jul. 2016 a las 16:09
  • @FreddyGarcia Sí, lo sé. Tu respuesta es correcta. La aclaración es para los usuarios que la consulten no copien el código tal cual sino que lo adapten a su problema particular. Saludos y muy buena respuesta.
    – devconcept
    el 19 jul. 2016 a las 16:20
0

En el codigo veo que faltaria

angular controller

algo como ser

var myApp = angular.module('myApp',[]);

myApp.controller('miCtrl', ['$scope', miCtrl]);

Ademas el <script> deberias ubicarlo en el <head> debajo de la linea donde defines el .js de angular

Quizas ayude algo como ser

An Introduction to Angular JS

esta muy simple de seguir

1
  • Perfecto. Muchas Gracias
    – user10628
    el 18 jul. 2016 a las 16:55

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.