У меня есть jqxmenu, но содержимое определяется ngFor.Со статической информацией он отображается так, как задумано, но когда я переключаюсь на цикл ngFor, который устанавливается динамически, он, похоже, не применяет классы соответствующим образом.
<jqxMenu #gridMenu [width]="240" [height]="'auto'" [mode]="'popup'" [autoOpenPopup]="false" [theme]="'context'">
<ul>
<li *ngFor="let toolbarItem in toolbar">
<i><span{{toolbarItem['text']}}</span></i>
</li>
</ul>
</jqxMenu>
Я пытался сделать что-то вроде:
<jqxMenu #gridMenu [auto-create]="false">...</jqxMenu>
, а затем создал детектор изменений:
@ViewChild("gridMenu") gridMenu: jqxMenuComponent;
ngOnChanges() {
this.gridMenu.createComponent();
}
Это также, похоже, не работает.Я заметил, что он не будет применять классы JQX, как это было бы обычно, и аналогично закрывался при нажатии.Я нахожу это странным.У меня был соблазн просто программно добавить их все, но я не хотел создавать хак для добавления / удаления элементов, если есть фактический шаг, который я просто пропускаю.
Есть ли что-то, что я могу сделать так, чтобы этобудет правильно делать?Я также посмотрел на API (https://www.jqwidgets.com/angular-components-documentation/documentation/jqxmenu/angular-menu-getting-started.htm?search=) и также заметил, что метода перерисовки тоже не было.
Есть ли способ сделать это, или я должен написать дополнительный код для добавления / удаления классовдля не-парящих и парящих состояний и применяются соответственно?