为什么“ [hidden]”有效，但是“ * ngIf”不适用于Angular2中的ngOnInit（）？

Question

对于以下代码，我使用了隐藏的，当我在这两条路由之间路由时，它称为ngOnInit（）。 但是，当我使用“ * ngif”时，从未调用ngOnInit（）。 我想知道为什么会这样。 另外，如果“ [隐藏]”可能与CSS冲突，我希望尽可能使用“ * ngif”。

<div class="container">
                <div [hidden]="!(router.url == '/info/userinfo')">
                  <div class="catalog" >
                    <button [routerLink]="['/info/userinfo']"><h2>userinfo</h2></button>
                </div>
                <div [hidden]="!(router.url == '/info/question')">
                  <div class="catalog">
                    <button [routerLink]="['/info/question']"><h2>question</h2></button>
                  </div>
                </div>
     </div>

userinfo和问题是info的两个组成部分和子元素。 我想它与路由有关，因为如果我从“ / home”转到“ / info / question”，则会调用ngOnInit（）。 但是，如果我从“ / info / userinfo”转到“ / info / question”，则不会同时调用ngOnInit（）。

Answer 1

因为* ngIf when的值为false不会创建您的组件，而是将其隐藏仅隐藏该组件，但仍会创建它。