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>