Adicionadas validações no input para visualização da mudança dos status do form. Diretiva ngIf para o botão de conclusão do pedido para caso o formulário esteja inválido

Author: walkerdeveloper

src/app/order/order.component.html

@@ -24,14 +24,14 @@ <h2 class="page-header">
             <div class="col-sm-6 col-xs-12">
               <div class="form-group">
                 <label class="control-label sr-only" for="inputSuccess"><i class="fa fa-check"></i> Endereço</label>
-                <input type="text" class="form-control" name="address" ngModel placeholder="Endereço">
+                <input type="text" class="form-control" name="address" required minlength="5" ngModel placeholder="Endereço" autocomplete="off">
                 <span class="help-block"></span>
               </div>
             </div>
             <div class="col-sm-2 col-xs-6">
               <div class="form-group has-success">
                 <label class="control-label sr-only" for="inputSuccess"><i class="fa fa-check"></i> Número</label>
-                <input type="text" class="form-control" name="number" ngModel placeholder="Número">
+                <input type="text" class="form-control" name="number" ngModel required placeholder="Número" autocomplete="off">
                 <span class="help-block"><i class="fa fa-check"></i> Ok</span>
               </div>
             </div>
@@ -159,8 +159,8 @@ <h2 class="page-header">
 
         <div class="row">
           <div class="col-xs-12">
-            <a href="order-summary.html" class="btn btn-success pull-right"><i class="fa fa-credit-card"></i> Concluir Pedido
-            </a>
+            <button class="btn btn-success pull-right" [disabled]="!form.valid"><i class="fa fa-credit-card"></i> Concluir Pedido
+            </button>
           </div>
         </div>