html 3＃todoapp-angular-ngrx

Posted 2021-05-11

<div class="col-md-3 options" >
        <ng-container *ngIf="!todo.create && !todo.editing">
            <button class="btn btn-success" *ngIf="todo.status != 'done'" (click)="completeTodo(todo)">
                <i  class="fa fa-check"></i>
              </button>
          <button class="btn btn-primary" (click)="editTodo(todo)">
                  <i  class="fa fa-pencil"></i>
                </button>
          <button class="btn btn-danger" (click)="this.deleted.emit(todo);">
                  <i  class="fa fa-trash"></i>
                </button>
        </ng-container>
        <ng-container *ngIf="todo.create">
            <button class="btn btn-success" (click)="createTodo(todo)">
                Create
              </button>
        </ng-container>

        <ng-container *ngIf="todo.editing">

          <button class="btn btn-primary" (click)="editTodoSubmit(todo)">
                  Submit
                </button>
        </ng-container>
      </div>