Iniciante em Javascript e Angular meu codigo não roda

Ivan Yanez · Abril 4, 2016

Olá Galera sou iniciante com Javascript e consequentemente com Angular , sera que poderiam me ajudar estou assistindo um video curso de angular e estou fazendo passo a passo como monstra no curso entretanto lá roda perfeitamente já eu copiando e fazendo a mesma coisa não funciona da mesma forma será que poderiam me ajudar meu código, eu baixei do site do Angular meu /angular.min.js e coloquei na mesma pasta que esta meu html, sera que poderiam me orientar onde eu estou errando ?

****

<DOCTYPE <!DOCTYPE html>
<html ng-app>
<head>
<meta charset="utf-8">
<title>modele em scope</title>

</head>
<body ng-controller="AlunoController">
{{aluno.nome}} estuda {{aluno.curso}}

function AlunoController($scope){

$scope.aluno ={

nome: "Ivan Yanez"
curso: "3° ESO"
}
}

</script>

</body>
</html>>

*******

Editado Abril 4, 2016 por Ivan Yanez

wootzor · Abril 6, 2016

Faltou criar um módulo, que é a forma que tens de "dizer" ao AngularJS com que secções do HTML vai interagir. Os parêntesis rectos, embora estejam vazios, fazem parte da sintaxe e são necessários (para "injectar" serviços, também conhecido por dependency injection).

Experimenta algo assim:

angular.module("myApp", [])
       .controller("AlunoController", AlunoController);

function AlunoController($scope) {
  $scope.aluno = {
    nome: "Ivan Yanez",
    curso: "3° ESO"
  }
}

<!doctype html>
<html ng-app="myApp">
  <!-- (...) -->
  <body ng-controller="AlunoController">
    {{aluno.nome}} estuda {{aluno.curso}}
  </body>
</html>

Imagina que tens um conjunto de alunos (i. e., um array de objectos):

$scope.alunos = [
  {"nome": "Ivan Yanez", "curso": "3° ESO"},
  {"nome": "Maria", "curso": "2º Design"},
  {"nome": "Ricardo", "curso": "1º Programação"},
  {"nome": "Francisco", "curso": "3º Sistemas Digitais"}
];

<body ng-controller="AlunoController">
  <p ng-repeat="aluno in alunos">{{aluno.nome}} estuda {{aluno.curso}}</p>
</body>

Exemplos 1 e 2 no jsFiddle.

Editado Abril 6, 2016 por wootzor

Entrar

Iniciante em Javascript e Angular meu codigo não roda

Pergunta

Ivan Yanez

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

wootzor

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades