calc

<div class='container'  ng-app='app' ng-controller='calcController'>

  <div class='well calc'>

    <div class='row'>

      <div class='shadow' ng-class="{'fade-in': isActive}">

        {{previous}}

      </div>

      <div class='display'>

        <div class='current' ng-class="{'fade-in': isActive}">

          {{current}}

        </div>

      </div>

    </div>

    <div class='row'>

      <div class='col-xs-4'>

      </div>

      <div class='col-xs-8'>

         <div class='controls'>

            <div class='control-row row' ng-repeat='row in controls track by $index'>

              <div class='col-xs-3 control-wrapper' ng-repeat='control in row track by $index'>

                <div class='control' ng-class='control.style' ng-click='this[control.action](control)'>

                   {{control.character}}

                </div>

              </div>

            </div>

          </div>

       </div>

     <div>

  </div>

</div>