Question

HTML代码

<div [ngClass]="{toggles: true}">
    <ion-list radio-group [(ngModel)]="toggleMenu" (ionChange)="fSelect()">
        <ion-item>
            <ion-label><div class="toggleMenu-item">Filter</div></ion-label>
            <ion-radio value="filter"  (ionSelect)="toggleMenu='filter'"></ion-radio>
        </ion-item>

        <ion-item>
            <ion-label><div class="toggleMenu-item">Sort</div></ion-label>
            <ion-radio value="sort" (ionSelect)="toggleMenu='sort'" ></ion-radio>
        </ion-item>
    </ion-list>
</div>

TS文件

CEF 3.3239.1697.g4c795f5

调用另一个html文件的代码，该文件显示名为Filter＆amp;的下拉列表中的2个选项卡。排序

set CEF_USE_GN=1 
set GN_DEFINES=is_official_build=true proprietary_codecs=true ffmpeg_branding=Chrome
python /Users/myusername/Projects/cef_src/automate-git.py
--download-dir=/Users/myusername/Projects/cef_src/v1 --no-release-build --x64-build

这是我想创建的应用程序source code is的示例，但是当用户单击省略号图标时，我无法显示下拉列表。在我的控制台中也没有发现错误，所以我不知道哪行代码是错误的。为什么我的下拉列表没有显示？

Answer 1

创建弹出窗口后需要调用present method。请参阅下面的更新代码。

toggleFilterSort() {
    this.viewCtrl.getContent().scrollTo(0, 0);
    let toggle = this.popoverCtrl.create(
        ToggleModel, 
        {toggleMenu: this.toggleMenu},
        {
            cssClass: 'oFilter',
            enableBackdropDismiss: true,
            showBackdrop: true
        }
    );


    toggle.present({
        ev: myEvent
    });


    toggle.onDidDismiss(data=>{
        if(data != null && data.toggleMenu) {
            this.toggleMenu = data.toggleMenu;
        }
    });
    console.log(this.toggleMenu);
}

我的下拉列表没有显示

1 个答案: