ionic-framework - Angular-material - FAB Speed Dial 不适用于 Ionic

标签 ionic-framework angular-material long-running-processes

我正在开发一个 Ionic 应用程序,但我遇到了一些问题 FAB Speed Dial工作正常。此组件位于特定页面,用户应在打开提到的页面之前浏览 2 个页面。页面加载后,Fab 快速拨号打开,单击时没有任何 react 。如果我只刷新此页面(使用 ionic serve),则组件正常工作:

<ion-nav-buttons side="right">
    <div>
        <md-fab-speed-dial md-open="fab.isOpen" md-direction="down" class="md-fling">
            <md-fab-trigger>
                <md-button aria-label="menu" class="md-fab bk-marrom1">
                    <md-icon md-svg-src="img/icon-more-horiz.svg" style="width:30px; height:30px"></md-icon>
                </md-button>
            </md-fab-trigger>
            <md-fab-actions>
                <md-button aria-label="Telefonar" class="md-fab md-raised md-mini bk-marrom2">
                    <md-icon md-svg-src="img/icon-phone.svg" aria-label="Telefonar"></md-icon>
                </md-button>
                <md-button aria-label="E-mail" class="md-fab md-raised md-mini bk-laranja-light">
                    <md-icon md-svg-src="img/icon-mail-outline.svg" aria-label="E-mail"></md-icon>
                </md-button>
                <md-button aria-label="Compartilhar" class="md-fab md-raised md-mini bk-marromsub">
                    <md-icon md-svg-src="img/icon-share.svg" aria-label="Compartilhar"></md-icon>
                </md-button>
            </md-fab-actions>
        </md-fab-speed-dial>
    </div>
</ion-nav-buttons>

我在控制台中没有异常(exception),只有这个警告:

Deferred long-running timer task(s) to improve scrolling smoothness. See crbug.com/574343.



并且不在我的代码中,而是在 FAB 快速拨号代码中:
compile: function(element, attributes) {
    var children = element.children(); -> this is the line with long-running timer task
    .
    .
    .
}

有人可以帮我解决这个问题吗?

最佳答案

这是用于 WebView 和移动设备的 chrome 的一个开放错误:https://bugs.chromium.org/p/chromium/issues/detail?id=574343 .您可以针对您的问题跟踪此错误的进度

关于ionic-framework - Angular-material - FAB Speed Dial 不适用于 Ionic,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37016381/

相关文章:

angular-material - 在角度 Material 设计中的工具栏下方设置sidenav?

javascript - 如何在angular-material中实现ng-class到md-chip

c# - 无限循环的替代方案

typescript - 谷歌支付 : Unexpected Developer Error in Ionic 2 app

android - 将付费 Ionic 应用程序(自签名)发布到 Google Play 商店 - 是否需要添加许可证 key ?

javascript - 使用 100% 高度 div 填充 ion-content

angular - mat-autocomplete 过滤器以突出显示部分字符串匹配

asp.net - Long Process with Javascript 的进度更新

bash - 生成进程的 shell 脚本,在 SIGTERM 上终止子进程

javascript - 有没有办法直接从 Cordova 获取滚动位置?