javascript - how to make organize file in angularjs? -
i want 10 file , make new line put 10 file
heres view
md-content.md-whiteframe-1dp .glyph layout="row" div layout="column" layout-align="center center" ng-repeat="doc in ctrl.documents" style="text-align: center;" div md-icon.material-icons.md-48 insert_drive_file span.step style="padding-left:48;" | test
using ng-repeat-start , ng-repeat-end can achieve, how works in angular
angular.module('notesapp', []) .controller('mainctrl', ['$scope', function ($scope) { $scope.docs = [1, 2, 3,4, 5,6,7,8,9,10,11,12,13,14,15, 16,17,18,19,20]; }]);
<html lang = "en"> <head> <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"> <link rel = "stylesheet" href = "https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css"> <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> </head> <body ng-app = "notesapp" ng-cloak> <div ng-controller="mainctrl"> <div style="display: inline" ng-repeat-start="doc in docs"><i class="glyphicon glyphicon-file"></i>{{doc}}</div> <div ng-repeat-end ng-if="($index + 1) % 10 == 0"></div> </div> </body> </html>
Comments
Post a Comment