Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.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
Javascript 角度2-未触发Ngondestory_Javascript_Angular - Fatal编程技术网

Javascript 角度2-未触发Ngondestory

Javascript 角度2-未触发Ngondestory,javascript,angular,Javascript,Angular,演示 当我使用*ngIf隐藏包含嵌套组件的第一个部分时,会触发每个嵌套组件的ngondestry <div *ngIf="!ff2"> <my-component ></my-component> <my-component ></my-component> <my-component ></my-component> <my-component

演示

当我使用*ngIf隐藏包含嵌套组件的第一个部分时,会触发每个嵌套组件的ngondestry

<div *ngIf="!ff2">
    <my-component
    ></my-component>
    <my-component
    ></my-component>
    <my-component
    ></my-component>
    <my-component
    ></my-component>
    <my-component
    ></my-component>
  </div>
 <div *ngIf="!ff">
        <my-component
          *ngFor="#i of [1,2,3,4,5,6]"
        ></my-component>
      </div>
但是当我隐藏第二部分时,子组件被*ngFor复制,并不是每个ngondestry都被触发

<div *ngIf="!ff2">
    <my-component
    ></my-component>
    <my-component
    ></my-component>
    <my-component
    ></my-component>
    <my-component
    ></my-component>
    <my-component
    ></my-component>
  </div>
 <div *ngIf="!ff">
        <my-component
          *ngFor="#i of [1,2,3,4,5,6]"
        ></my-component>
      </div>
你知道我做错了什么吗,或者安格拉尔有问题吗?谢谢。

在:


在angular beta 9中,它按照我的预期工作,因此他们有一个bug

由OP自己确认(已关闭)


尝试下面提到的代码。应该行得通,

<button type="button" (click)="ff = !ff">toggle</button>
<template ngFor let-item [ngForOf]="[1,2,3,4,5,6]">
  <my-component *ngIf="!ff"></my-component>
</template>
切换

在angular beta 9中,它按照我的预期工作,因此他们有一个bug报告