CRUD com AngularJS e CodeIgniter - Template Notas

notas.html

<div class="row">
  <div class="col-lg-12 margin-tb">
    <div class="pull-left">
      <h1>Gerenciamento de Notas</h1>
    </div>
    <div class="pull-right" style="padding-top:30px">
      <div class="box-tools" style="display:inline-table">
        <div class="input-group">
          <input type="text" class="form-control input-sm ng-valid ng-dirty" placeholder="Buscar" ng-change="searchDB()" ng-model="searchText" name="table_search" title="" tooltip="" data-original-title="Quantidade mínima de caracteres é 3.">
          <span class="input-group-addon">Buscar</span>
        </div>
      </div>
      <button class="btn btn-success" data-toggle="modal" data-target="#create-nota">Nova Nota</button>
    </div>
  </div>
</div>

<table class="table table-bordered pagin-table">
  <thead>
    <tr>
      <th>Nº</th>
      <th>Título</th>
      <th>Descrição</th>
      <th width="220px">Operações</th>
    </tr>
  </thead>
  <tbody>
    <tr dir-paginate="value in data | itemsPerPage:5" total-items="totalItems">
      <td>{{ $index + 1 }}</td>
      <td>{{ value.titulo }}</td>
      <td>{{ value.descricao }}</td>
      <td>
        <button data-toggle="modal" ng-click="edit(value.id)" data-target="#edit-data" class="btn btn-primary">Editar</button>
        <button ng-click="remove(value,$index)" class="btn btn-danger">Excluir</button>
      </td>
    </tr>
  </tbody>
</table>

<dir-pagination-controls class="pull-right" on-page-change="pageChanged(newPageNumber)" template-url="templates/dirPagination.html" ></dir-pagination-controls>

<!-- Create Modal -->
<div class="modal fade" id="create-nota" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <form method="POST" name="addItem" role="form" ng-submit="saveAdd()">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
          <h4 class="modal-title" id="myModalLabel">Criar Nota</h4>
        </div>
        <div class="modal-body">
          <div class="container">
            <div class="row">
              <div class="col-xs-12 col-sm-6 col-md-6">
                <strong>Título : </strong>
                <div class="form-group">
                  <input ng-model="form.titulo" type="text" placeholder="Título" name="titulo" class="form-control" required />
                </div>
              </div>
              <div class="col-xs-12 col-sm-6 col-md-6">
                <strong>Descrição: </strong>
                <div class="form-group" >
                  <textarea ng-model="form.descricao" class="form-control" required>
                  </textarea>
                </div>
              </div>
            </div>
            <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
            <button type="submit" ng-disabled="addItem.$invalid" class="btn btn-primary">Salvar</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
</div>

<!-- Edit Modal -->
<div class="modal fade" id="edit-data" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <form method="POST" name="editItem" role="form" ng-submit="saveEdit()">
        <input ng-model="form.id" type="hidden" placeholder="Título" name="titulo" class="form-control" />
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
          <h4 class="modal-title" id="myModalLabel">Editar Nota</h4>
        </div>
        <div class="modal-body">
          <div class="container">
            <div class="row">
              <div class="col-xs-12 col-sm-6 col-md-6">
                <div class="form-group">
                  <input ng-model="form.titulo" type="text" placeholder="Título" name="titulo" class="form-control" required />
                </div>
              </div>
              <div class="col-xs-12 col-sm-6 col-md-6">
                <div class="form-group">
                  <textarea ng-model="form.descricao" class="form-control" required>
                  </textarea>
                </div>
              </div>
            </div>
            <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
            <button type="submit" ng-disabled="editItem.$invalid" class="btn btn-primary create-crud">Salvar</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
</div>