ToDo App Task AngularJS List

ToDoAppTaskAngularJsList.html

<!-- Task List Starts Here -->
<ul class="list-group" ng-show="tasks.length > 0">
  <li class="list-group-item clearfix task" ng-repeat="todo in tasks" ng-class="{disabled: todo.done}"> 
    <p class="lead">{{todo.task}}</p>
    <div>
      <span class="pull-right">
        <button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil" 
          ng-click="editTask($index)"></span></button>
        <button class="btn btn-primary btn-xs" ng-show="!todo.done"><span class="glyphicon glyphicon-ok" 
          ng-click="doneTask($index)"></span></button>
        <button class="btn btn-primary btn-xs" ng-show="todo.done"><span class="glyphicon glyphicon-repeat" 
          ng-click="unDoneTask($index)"></span></button>
        <button class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-remove" 
          ng-click="deleteTask($index)"></span></button>
      </span>
    </div>
  </li>
</ul>
<!-- Task List Ends Here -->