title: Need to display 2 input text after selecting a specific value in drop down in angular 4
body: <p>I have a specific requirement. I need to display 2 input text fields after selecting a specific value from a drop down which is 'Add New...'
  My code snippet is below - </p>
  
  <pre><code>    &lt;td&gt;
      &lt;div *ngIf="item.showOperationField"&gt;
          &lt;p-checkbox
              value ="inflationaryImpactCheck"
              label="Save for Inflationary Impact"
              name = "calculationSaveInflation"
              [(ngModel)]="item.inflationaryImpact"
              pTooltip="Check the Inflationary Impact box to map this calculation to an index for Inflationary Pressure calculation."
              binary="true"&gt;
          &lt;/p-checkbox&gt;
      &lt;/div&gt;
      &lt;/td&gt;
      &lt;td&gt;
      &lt;div *ngIf="item.inflationaryImpact"&gt;
          &lt;p-dropdown
              [style]="{'width':'200px'}"
              [options]="inflation"
              name = "calculationInflation"
              [(ngModel)]="item.selectedInflation"&gt;
          &lt;/p-dropdown&gt;
      &lt;/div&gt;
      &lt;/td&gt;
  &lt;td&gt;
  &lt;div *ngIf="item.selectedInflation=='Add New...'"&gt;
     &lt;input
      [style]="{'width':'200px'}"
      type="text"
      name="catValue"
      pInputText
      [(ngModel)]="item.catValue"
      /&gt;
  &lt;/div&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>Now I need to display 2 input boxes while selecting a specific value from the drop down "inflation" which is 'Add New...'. I have tried with the above  code snippet but nothing happened.
  Please help me.</p>