Question

我只想删除ngFor中的项目，但是当我点击删除按钮时，它会一直重新加载页面。我知道ng-template有问题。有什么建议吗？非常感谢！

这是代码：

<ngb-accordion [closeOthers]="true" #acc="ngbAccordion" class="ngb-accordion" activeIds="ngb0">
     <ngb-panel *ngFor="let stock of StockInvestForecast;let i = index" id="ngb{{i}}">
        <ng-template ngbPanelTitle>
           <span>
              <h4 class="text-purple">{{stock.StockName}}</h4>
              <button type="button" (click)="StockInvestForecast.splice(i,1)" class="btn icon-close-btn">
                <i class="fa fa-close"></i>
              </button>
          </span>
      </ng-template>
</ngb-accordion>

Answer 1

手风琴使用a（锚点）空白href（href =“”），当您从标题部分点击button时，它会冒泡该事件并触发{{1 }}。这往往会将href更改为URL（空白），但是您有默认重定向，它会重定向到公共页面。您必须使用手风琴标题上的""来阻止事件传播。

.preventDefault()

Angular2-如何通过ngFor删除ng-template中的项目

1 个答案: