<h5>Add new rule</h5><br>
<form class="form-group"  #lgForm="ngForm">   
  <label>Action -</label><md-select name="typdev" placeholder="" style="width:37%;margin-top:-8%;" 
   [(ngModel)]="neww">
         <md-option *ngFor="let food of foods" [value]="food.viewValue" >
         {{ food.viewValue }}
         </md-option>
     </md-select>&nbsp;&nbsp;&nbsp;
     Condition - <md-select name="typdev" placeholder="" 
     style="width:37%;margin-top:-8%;" [(ngModel)]="neww">
          <md-option *ngFor="let foodd of foodss" [value]="foodd.viewValue" >
          {{ foodd.viewValue }}
          </md-option>
      </md-select><br>
      <label>Info -&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label><md-form-field class="example-full-width " style="width:37%">
         <input mdInput type="text" [(ngModel)]="info" name="info"placeholder="" required> </md-form-field>
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label>Value -&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label><md-form-field class="example-full-width " style="width:37%">
            <input mdInput type="text" [(ngModel)]="info" name="info"placeholder="" required> </md-form-field><br>
            <input type="submit" class="btn btn btn-success" style="float:center;" value="Generate rule" (click)="addContact()" />
         <!--   <div class ="form-group">
       <md-form-field class="example-full-width width">
       <input mdInput type="text" [(ngModel)]="first_name" name="first_name"placeholder="First Name" required> 
       <md-error class="required">Enter First Name</md-error>
      </md-form-field>
      
   </div>           
  <div class ="form-group"> 
      <md-form-field class="example-full-width width">
      <input mdInput type="text" [(ngModel)]="last_name" name="last_name" placeholder="Last Name" required>
      <md-error class="required">Enter Last Name</md-error>
       </md-form-field>
  </div> -->
  <!-- <input type="submit" class="btn btn btn-success" style="float: left;" value="Submit" (click)="addContact()" />
  --> 
</form>