0

estoy empezando a aprender AngularJS(Angular 1). realice un pequeño ejemplo y me muestra la lista :

HTML y JS:

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

app.controller(
	'MainCtrl', 
	
	[
		'$scope',
		function($scope) {
  			$scope.test = 'Hello wrorld!';
  			$scope.post = [
  				'post 1',
  				'post 2',
  				'post 3',
  				'post 4',
  				'post 5'
  			];
		}
	]
);
<html>
  <head>
    <title>My Angular App!</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
    <script src="app.js"></script>
  </head>
  <body ng-app="flapperNews" ng-controller="MainCtrl">
      <div>
        {{post}}
      </div>
  </body>
</html>

Pero si agrego el "np-repeat", no funciona :( Este es el código (mismo JS):

<html>
  <head>
    <title>My Angular App!</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
    <script src="app.js"></script>
  </head>
  <body ng-app="flapperNews" ng-controller="MainCtrl">
      <div ng-repeat="post in posts">
        {{post}}
      </div>
  </body>
</html>

Estoy siguiendo este tutorial (https://thinkster.io/tutorials/mean-stack/jumping-in-with-angular), a él le funciona tal cual, no se cuál será mi error

3
  • 3
    Edita la pregunta y agregala en español, el sitio es Stack Overflow en Español.
    – Jemonge
    Commented el 13 sept. 2017 a las 17:28
  • Hola @Jemonge! disculpa! no caché que estaba en la versión español jaja lo edito altiro! gracias! Commented el 13 sept. 2017 a las 17:36
  • 2
    Mira esta guia para que tu pregunta sea mejor recibida. Tambien, aprovecha y haz el tour para entender mejor como funcionamos y de paso obtener tu primera medalla!
    – gbianchi
    Commented el 13 sept. 2017 a las 17:45

1 respuesta 1

1

Es por que estas llamando mal al ng-repeat para que funcione simplemente cambia $scope.post por $scope.posts, primero va el nombre que le quieras dar a tu ng-repeat y luego el nombre del objeto

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

app.controller(
	'MainCtrl', 
	
	[
		'$scope',
		function($scope) {
  			$scope.test = 'Hello wrorld!';
  			$scope.posts = [
  				'post 1',
  				'post 2',
  				'post 3',
  				'post 4',
  				'post 5'
  			];
		}
	]
);
<html>
  <head>
    <title>My Angular App!</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
    <script src="app.js"></script>
  </head>
  <body ng-app="flapperNews" ng-controller="MainCtrl">
      <div ng-repeat="post in posts">
        {{post}}
      </div>
  </body>
</html>

4
  • Pablo, gracias por tu respuesta, pero hasta que las preguntas no estan en el idioma oficial no solemos contestarlas. Esperemos que quien pregunto la traduzca, si no la pregunta sera cerrada.
    – gbianchi
    Commented el 13 sept. 2017 a las 17:45
  • @gbianchi ok gracias lo tendré pendiente.
    – zerokira
    Commented el 13 sept. 2017 a las 17:45
  • muchísimas gracias por la respuesta @Pablo! era algo tan simple! :) ahora si funcionó! (y ya dejé en español la pregunta, era mi primera pregunta acá, gracias por la aclaración y perdón por el malentendido @gbianchi) Commented el 13 sept. 2017 a las 17:50
  • Con gusto ! espero servirle
    – zerokira
    Commented el 13 sept. 2017 a las 17:54

Tu Respuesta

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

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.