Jump to content
Fórum Script Brasil
  • 0

Iniciante em Javascript e Angular meu codigo não roda


Ivan Yanez
 Share

Question

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 ?

****
<!--Aula 2 AngularJS Controllers e Scope -->

<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}}

<script src="angular.min.js" type="text/javascript"></script>
<script type="text/javascript">

function AlunoController($scope){

$scope.aluno ={

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

</script>

</body>
</html>>

*******

Edited by Ivan Yanez
Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0

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.

Edited by wootzor
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Forum Statistics

    • Total Topics
      149.9k
    • Total Posts
      646.8k
×
×
  • Create New...