0
<div ng-repeat="item in students">
    <h2>{{item.student_name}}</h2>
</div>

<div ng-repeat="item in courses| filter:{studen_id: item.student_id}">
    <h2>{{item.course_title}}</h2>
</div>

Lo que quiero hacer es mostrar solo los cursos en el que esta suscrito el alumno.

1 respuesta 1

1

Solo añade el ng-repeat de courses dentro del ng-repeat de students

<div ng-repeat="item in students">
   <h2>{{item.student_name}}</h2>
    <div ng-repeat="item in courses| filter:{studen_id: item.student_id}">
      <p>{{item.course_title}}</p>
   </div>
</div>

También se puede filtrar los cursos desde Javascript , haciendo uso de filter , retornando el método some aplicado a personas para verificar que los id sean iguales, tanto el id Guardado en Cursos como Estudiantes.

Ejemplo

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

app.controller('Controlador', function($scope) {
  $scope.personas = [
    {nombre : 'Jack', cursoid:1},
    {nombre : 'Jack1', cursoid:2},
    {nombre : 'Jack2', cursoid:3},
    ];
  $scope.cursos = [
    {nombre : 'Curso1', cursoid:1},
    {nombre : 'Curso2', cursoid:7},
    {nombre : 'Curso3', cursoid:3},
    ];

    $scope.test = $scope.cursos.filter(function (o) {
    	return $scope.personas.some(function (i) {
        	return i.cursoid == o.cursoid; 
    });
 });
});
<script data-require="[email protected]" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js" data-semver="1.1.5"></script>
<div ng-app="Modulo">
  	<div ng-controller="Controlador"> 
	   <div ng-repeat="item in personas">
		<h2>{{item.nombre}}</h2>
      </div>
	<div ng-repeat="item1 in test">
		<h3>{{item1.nombre}}</h3>
	 </div>
</div>

1
  • Gracias @Dev Joel
    – anonfidusa
    Commented el 8 abr. 2017 a las 22:18

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.