Динамический раскрывающийся список материализации открывается только после 3-го клика и не запускается после события show hide с помощью ngIf - PullRequest
Новая
       24

Динамический раскрывающийся список материализации открывается только после 3-го клика и не запускается после события show hide с помощью ngIf

0 голосов
/ 10 июня 2019

1) Я создал динамический фильтр столбца в заголовке динамической таблицы. У меня есть только один элемент, который генерирует заголовки динамически, перебирая * ngFor. При щелчке по значению заголовка должен сработать раскрывающийся список с динамическими значениями для фильтрации строк таблицы. Теперь проблема в том, что раскрывающийся список открывается только при третьем щелчке, когда я пытаюсь открыть фильтр во втором столбце, пока фильтр в первом еще открыт.

2) Триггер выпадающего меню вообще не работает, когда я делаю показ / скрытие элемента, используя * ngIf 

<ng-container
                        *ngFor="
        let headerColumns of finalConfigurableColumnValueMap | keyvalue:customCompare; let i = index;">
                    <th translate style="cursor: pointer" 
                        *ngIf="headerColumns.value.showHeader"><span class="dropdown-trigger"
                        data-target="dynamicFilterDropDown"
                        (click)="dynamicFilterDropDownGenerator(headerColumns.key, i)"
                        *ngIf="headerColumns.value.showHeader" translate>{{headerColumns.value.title}}</span><i
                        *ngIf="headerColumns.value.showHeader"
                        (click)="sort(headerColumns, i)" style="margin-left: 5px;"
                        class="fa" [ngClass]="{'fa-sort': true}"> </i></th>
                    <ul id="dynamicFilterDropDown"
                        class=' dropdown-content dynamicFilterDropDownClass '>
                        <li
                            *ngFor="let dynamicColumns of dynamicFilterList; let k = index;"><label><input
                                id="selectedColumnValues{{k}}" type="checkbox"
                                (change)="selectedColumnsList(k,dynamicColumns.selectedHeader,dynamicColumns.selected )"
                                name="selectedColumnValues" class=" filled-in"
                                [(ngModel)]="dynamicColumns.selected"><span>{{
                                    dynamicColumns.filterValues }}</span> </label></li>

                    </ul>
                    </ng-container>

Я хочу, чтобы раскрывающиеся списки открывались самим по первому щелчку и должны открываться после показа / скрытия. Я не могу обновлять свойства DOM, и я не знаю, как это сделать. Пожалуйста, помогите в этом

...