Scribd Logo
Upload

Welcome to Scribd!

  • Form Div Div Div Div Label Label Input Span &NBSP Span Span Span Div Div Div Div Label Label Input

    Uploaded by

    Andres Camargo
    6 views1 page
    The document contains an Angular form for creating a new product. The form includes fields for the product name, description, and price. The name field is required and has a maximum length of 45 characters. The description field has a maximum length of 500 characters. The price field is required and must be a number greater than or equal to 1. The form includes buttons to save the new product or close the form.

    Original Description:

    Backap Form Using Ngmodel

    Original Title

    Backap Form Using Ngmodel

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains an Angular form for creating a new product. The form includes fields for the product name, description, and price. The name field is required and has a maximum length of 45 characters. The description field has a maximum length of 500 characters. The price field is required and must be a number greater than or equal to 1. The form includes buttons to save the new product or close the form.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views1 page

    Form Div Div Div Div Label Label Input Span &NBSP Span Span Span Div Div Div Div Label Label Input

    Uploaded by

    Andres Camargo
    The document contains an Angular form for creating a new product. The form includes fields for the product name, description, and price. The name field is required and has a maximum length of 45 characters. The description field has a maximum length of 500 characters. The price field is required and must be a number greater than or equal to 1. The form includes buttons to save the new product or close the form.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    <form novalidate role="form" (ngSubmit)="crearProducto(newProducto.

    value)"
    #newProducto="ngForm">
    <div class="modal-body">

    <div class="row">
    <div class="col-sm-4">
    <div class="form-group" [ngClass]="{'has-
    error':nombre.touched && !nombre.valid}">
    <label for="nombre">*Nombre</label>
    <input class="form-control" type="text" name="nombre"
    id="nombre" ngModel #nombre="ngModel" required maxlength="45">
    <span class="messages" *ngIf="nombre.errors?.required
    && nombre.touched">&nbsp;</span>
    <span class="messages" *ngIf="nombre.errors?.maxlength
    && nombre.touched">(maximo 45 caracteres)</span>
    </div>
    </div>
    <div class="col-sm-4">
    <div class="form-group">
    <label for="descripcion">*Descripción</label>
    <input class="form-control" type="text"
    name="descripcion" id="descripcion" ngModel #descripcion="ngModel"
    maxlength="500">
    </div>
    </div>
    <div class="col-sm-4">
    <div class="form-group">
    <label for="precio">*Precio</label>
    <input class="form-control" type="number"
    name="precio" id="precio" ngModel #precio="ngModel" required min="1" >
    </div>
    </div>
    </div>

    </div>
    <div class="modal-footer">
    <button type="submit" class="btn btn-success"
    [disabled]="newProducto.invalid">Guardar</button>
    <button type="button" class="btn btn-default" data-
    dismiss="modal" (click)="cerrarCrearProducto()">Cerar</button>
    </div>
    </form>

    You might also like