AngularJS Clean - JSFiddle

AngularJS project

by Felipe Alfaro

HTML

<section>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4444444</div>
    <div>5</div>
    <div>6</div>
    <div>777777777777777777</div>
</section>

CSS

section
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border: solid 1px gray;
}
div
{
    min-width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

JavaScript

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

app.controller('mainController', function($scope, $element){
	
});

function scrollDirective() {
	function postLink($scope, $element, $attrs) {
    	
    }
	return {
    	restrict: 'AC',
        link: postLink
    }
}