<!--  // var template = '<ion-scroll direcion="y" style="height:60vh;width:80vw">';
 //            template += '<ul><li ng-repeat="history in historyTask | orderBy:\'modified_date\'" class="mgB10">';
 //            template += '<div class="baseline">';
 //            template += '<span class="label-1">{{history.descriptions}} </span></div>';
 //            template += '<div class="date fz12 clr-gray">{{history.modified_date | date:fdate}}</div>';
 //            template += '</li>';
 //            template += '</ul></ion-scroll>'; -->
<span>{{historyTask.length}} Histories</span>
<ion-scroll direcion="y" style="height:60vh;width:90vw"  has-bouncing="true" overflow-scroll="false" class="prevent-scroll">
    <ul>
        <li class="mgB10" ng-repeat="history in historyTask | orderBy:'-modified_date'">
            
            <div class="baseline">
                
                <span class="label-1">
                    {{history.descriptions}}
                </span>
            </div>
            
            <div class="date fz12 clr-gray">
                {{history.modified_date | date:fldate}}
            </div>
            
        </li>
        
    </ul>
</ion-scroll>