* ngIf在angular-2中将条件从true变为false时重新加载？

Question

在将条件更改为false时，我遇到了angular-2的问题。最初div被设置为＆＃39; true＆＃39;之后当我将条件更改为false时，整个页面将重新加载，输出正如我预期的那样，但面临重新加载问题？

这是我的代码

在html中

<div class="container" *ngIf="mymenu.id === expandItem">
     <form class="form-horizontal" #myform="ngForm">
          <div class="row">
           <div class="col-md-9 input-group-md form-group">
             <input type="text" ngControl="itemname" [(ngModel)]="items.itemname" class="form-control" autocomplete="off" placeholder="Item Name">
             </div>

                <div>
                    <button type="submit" class="btn btn-success" (click)="add(mymenu);">
                        Save</button>
                </div>
            </form>
        </div>

在组件中我将expandItem更改为false。因此，* ngif为false，div必须隐藏。 尝试了不同的方法，Relaoding Issue？

Answer 1

在TypeScript端的方法中，请确保返回false以防止您获得的默认浏览器行为。另一种方法是致电event.preventDefault()，但为此你必须传递额外的参数$event。但是，只需调用return false即可。

在SO event.preventDefault() vs. return false

上查看这篇文章