Base solution for your next web application
Open Closed

Angular ng-repeat Metronic User Card #2106


User avatar
0
rvanwoezik created

For members of my organization units I want to use Metronic User Card <a class="postlink" href="http://keenthemes.com/preview/metronic/theme/admin_4_material_design/elements_cards.html">http://keenthemes.com/preview/metronic/ ... cards.html</a> I want to use ng-repeat with 4 cards per row and i know how to do it in razor.

<div class="portlet-body">
                    <div class="mt-element-card mt-element-overlay">
                        <div ng-repeat="employee in vm.employees" ng-if="$index % 4 == 0" class="row">
                            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
                                <div class="mt-card-item">....
                                  .....
                                     <div class="mt-card-content">
                                        <h3 class="mt-card-name">{{employees[$index].name}}</h3>

But i get an emply page. No JS errors, service is working Now i happen to be Angular challenged ;-) Can someone help me with Angular?


1 Answer(s)
  • User Avatar
    0
    rvanwoezik created

    Found it, no need for index. I'm starting to like Angular