Geek Answers Handbook

Li doesn't disappear when routing to another html page in Angular, why?

I have a page in which I have a table. There is one column called Actions.

The action menu is displayed using "Edit" and "Delete" as soon as the user clicks on the action column in any row. I am redirected to another html page when the user clicks on the edit.

Everything is working fine. But the menu does not disappear after redirecting to another page. If I go back and click on the action column again, a new menu will appear with editing and deleting.

<p-dataTable #dataTable>
    <p-column field="" header="{{l('Actions')}}" [sortable]="false" [style]="{'width':'25px'}">
        <ng-template let-record="rowData" pTemplate="body">
            <div class="btn-group dropdown" normalizePosition>
                <button class="dropdown-toggle btn btn-xs btn-primary blue"
                        data-toggle="dropdown"
                        aria-haspopup="true"
                        aria-expanded="false">
                    <i class="fa fa-cog"></i>
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li>
                        <a (click)="onEditClick(record, $event)">{{ l('Edit') }}</a>
                    </li>
                    <li>
                        <a (click)="onDeleteClick(record, $event)">{{ l('Delete') }}</a>
                    </li>
                </ul>
            </div>
        </ng-template>
    </p-column>
</p-dataTable>

onEditClick(selectedValue: any): void {
   this.router.navigate(['/app/xyz/pqr', selectedClassification.id]);
}
+6
source share
1 answer

angular JavaScript. , DropDown, bootstrap-JavaScript - html.

angular -router router-outlet, .

angular :
 https://ng-bootstrap.imtqy.com/#/components/dropdown/examples
, , , -)

+2

More articles:


All Articles