Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular ngIf在子组件中的角度_Angular - Fatal编程技术网

Angular ngIf在子组件中的角度

Angular ngIf在子组件中的角度,angular,Angular,我正在尝试在我的angular应用程序中的子组件中实现*ngIf。我想根据输入字段的formControlName值使用它。我只想在formControl值与给定值匹配时显示它。我该怎么做呢。请引导我 父组件HTML <form class="parentForm" [formGroup]='parentForm'> <div class="col-md-12"> <div class="row"

我正在尝试在我的angular应用程序中的子组件中实现*ngIf。我想根据输入字段的formControlName值使用它。我只想在formControl值与给定值匹配时显示它。我该怎么做呢。请引导我

父组件HTML

<form class="parentForm" [formGroup]='parentForm'>
  <div class="col-md-12">
    <div class="row">
      <div class="col-md-12">
   <input class="" type="text" placeholder=" info" formControlName="test0">
   </div>
      </div>
         </div>
  <app-child [childForm]="parentForm.controls.childForm"></app-child>
</form>
<form  [formGroup]='childForm'>
  <div class="col-md-12" >
    <div class="row">
      <div class="col-md-12" *ngIf ="( childForm.controls.test.value === 't1')">
   <input class="" type="text" placeholder=" info" formControlName="test">
   </div>
    <div class="col-md-12" *ngIf ="( childForm.controls.test1.value === 't2')">
    <input class="" type="text" placeholder=" info" formControlName="test1">
    </div>
     <div class="col-md-12" *ngIf ="( childForm.controls.test2.value === 't3')">
     <input class="" type="text" placeholder=" info" formControlName="test2">
     </div>
      <div class="col-md-12" *ngIf ="( childForm.controls.test3.value === 't4')">
      <input class="" type="text" placeholder=" info" formControlName="test3">
      </div>
      </div>
      </div>
</form>
子组件HTML

<form class="parentForm" [formGroup]='parentForm'>
  <div class="col-md-12">
    <div class="row">
      <div class="col-md-12">
   <input class="" type="text" placeholder=" info" formControlName="test0">
   </div>
      </div>
         </div>
  <app-child [childForm]="parentForm.controls.childForm"></app-child>
</form>
<form  [formGroup]='childForm'>
  <div class="col-md-12" >
    <div class="row">
      <div class="col-md-12" *ngIf ="( childForm.controls.test.value === 't1')">
   <input class="" type="text" placeholder=" info" formControlName="test">
   </div>
    <div class="col-md-12" *ngIf ="( childForm.controls.test1.value === 't2')">
    <input class="" type="text" placeholder=" info" formControlName="test1">
    </div>
     <div class="col-md-12" *ngIf ="( childForm.controls.test2.value === 't3')">
     <input class="" type="text" placeholder=" info" formControlName="test2">
     </div>
      <div class="col-md-12" *ngIf ="( childForm.controls.test3.value === 't4')">
      <input class="" type="text" placeholder=" info" formControlName="test3">
      </div>
      </div>
      </div>
</form>

更改childComponent HTML代码