Angular: Empty Fiddle

http://angularjs.org/

by enigmarm

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<script src="http://getbootstrap.com/2.3.2/"></script>
<div ng-controller="MyCtrl">
    <div ng-repeat="odd in odds" class="row">
        <span class="span3">{{odd}}</span>
        <span class="span2">{{evens[$index]}}</span>
    </div>
</div>

CSS

.row {
    clear: both;
    width: 200px;
    height: 100%;
    border: 1px solid gray;
    padding: 25px 5px;
   
}
.span2 {
    width: 40%;
    float: right;
    border: 1px solid green;

}
.span3 {
    width: 50%;
    float: left;
    border: 1px solid blue;

}

JavaScript

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

myApp.controller('MyCtrl', function ($scope) {
    $scope.evens = ["2","4","6","8","10","12","14"];
    $scope.odds = ["1","3","5","7","9","11","13"];
});