Trying to have a grid of card with angular material

by

You could use Flex Box instead of md-grid-list to have the same effect.

  <div class="md-padding" layout="row" flex>
     <div layout="row" flex>
        <div class="parent" layout="column" ng-repeat="user in users" flex>
            ... Your content here
        </div>
     </div>
  </div>

Take a look at this Example with fixed number of cards in a row:

http://codepen.io/anon/pen/bdQJxy

And a responsive example, using Wrap layout

http://codepen.io/anon/pen/MwzRde

Hope this is what you wanted.

More Related Contents:

  1. Using Bootstrap for Angular and Material design for Angular together
  2. AngularJs $http.post() does not send data
  3. AngularJs: How to check for changes in file input fields?
  4. How to access parent scope from within a custom directive *with own scope* in AngularJS?
  5. Running Angular and AngularJS frameworks side by side
  6. Difference between double and single curly brace in angular JS?
  7. How to deep watch an array in angularjs?
  8. How to preventDefault on anchor tags?
  9. ngModel Formatters and Parsers
  10. Can you change a path without reloading the controller in AngularJS?
  11. AngularJS ng-style with a conditional expression
  12. How to allow only a number (digits and decimal point) to be typed in an input?
  13. AngularJS best practices for module declaration?
  14. Angularjs Normal Links with html5Mode
  15. How to send csrf_token() inside AngularJS form using Laravel API?
  16. Using ui-router with Bootstrap-ui modal
  17. ng-change get new value and original value
  18. AngularJS watch DOM change
  19. How do I apply an AngularJS directive based on a class set by ng-class?
  20. How can I detect onKeyUp in AngularJS?
  21. Why ng-transclude’s scope is not a child of its directive’s scope – if the directive has an isolated scope?
  22. Bind Angularjs to newly created html element dynamically
  23. Recommended way of getting data from the server
  24. Angular JS break ForEach
  25. Why is using if(!$scope.$$phase) $scope.$apply() an anti-pattern?
  26. How to config routeProvider and locationProvider in angularJS?
  27. Compare objects in Angular
  28. Rendering Highcharts using Angular js Directives
  29. Angularjs: a Service that serves multiple $resource urls / data sources?
  30. Validation not triggered when data binding a number input’s min / max attributes

Leave a Comment