个人中心
gpt4 book ai didi

angularjs - md-tab 导致 $digest 已进行中错误

转载 作者：行者123 更新时间：2023-12-02 23:29:53 26 4
gpt4 key购买 nike

在 md-tab 指令中切换选项卡时，我收到以下错误消息。请注意，在 Codepen 中运行代码或直接在浏览器中打开 index.html 时我都没有看到错误。但是当我选择通过 ExpressJS 和 Node 托管 index.html (放置在应用程序文件夹中)时，我看到了这个错误。请参阅下面的两个文件。

依赖关系:

  • Angular v1.4.0-rc.2
  • Angular Material (主分支)
  • Express v4.12.3
  • 节点 v0.12.3

控制台中显示错误消息:

Error: [$rootScope:inprog] $digest already in progress
http://errors.angularjs.org/1.4.0-rc.2/$rootScope/inprog?p0=%24digest
at REGEX_STRING_REGEXP (angular.js:68)
at beginPhase (angular.js:16056)
at Scope.$get.Scope.$apply (angular.js:15800)
at Scope.scopePrototype.$apply (hint.js:1478)
at HTMLElement.<anonymous> (hint.js:797)
at HTMLElement.eventHandler (angular.js:3247)
at redirectFocus (angular-material.js:12919)
at Object.handleFocusIndexChange [as fn] (angular-material.js:12915)
at Scope.$get.Scope.$digest (angular.js:15539)
at Scope.scopePrototype.$digest (hint.js:1468)

index.html

<!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>Angular Material Tabs</title>
        <link rel="stylesheet" href="https://rawgit.com/angular/bower-material/master/angular-material.css">
    </head>
    
    <body ng-app="mdTabsApp" layout="column">
    <md-content class="md-padding" flex layout="row" layout-align="center start" style="background-color: #eee;">
        <md-tabs md-stretch-tabs="always"
                 md-border-bottom
                 class="md-whiteframe-z2"
                 flex
                 style="background-color:#ffffff">
            <md-tab>
                <md-tab-label>Tab 1</md-tab-label>
                <md-tab-body class="md-padding">
                    Tab 1 content
                </md-tab-body>
            </md-tab>
            <md-tab>
                <md-tab-label>Tab 2</md-tab-label>
                <md-tab-body class="md-padding">
                    Tab 2 content
                </md-tab-body>
            </md-tab>
            <md-tab>
                <md-tab-label>Tab 3</md-tab-label>
                <md-tab-body class="md-padding" >
                    Tab 3 content
                </md-tab-body>
            </md-tab>
        </md-tabs>
    </md-content>
    
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.2/angular.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.2/angular-animate.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.2/angular-aria.js"></script>
    <script src="https://rawgit.com/angular/bower-material/master/angular-material.js"></script>
    
    <script>
        (function (angular, undefined) {
            "use strict";
            angular.module('mdTabsApp', [
                'ngMaterial'
            ])
        })(angular);
    </script>
    
    </body>
    </html>

app.js

'use strict';

var express = require('express');
var app = express();

app.use(express.static('app'));

var server = app.listen(5000, function () {
    var host = server.address().address;
    var port = server.address().port;
    console.log('App listening at http://%s:%s', host, port);
});

最佳答案

似乎是我的 Chrome 中的本地错误，因为我无法在 Codepen/Runnable 或 Firefox 中重现该错误。另请参阅 https://github.com/angular/material/issues/2850 中的讨论

您可以在此处找到完整的示例:https://github.com/ismarslomic/material-tabs-uirouter

关于angularjs - md-tab 导致 $digest 已进行中错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30243389/

26 4 0
文章推荐： sql-server - SQL Server Management Studio - 网格结果另存为 .CSV - 如何输出文本而不是 UTF-16 (Unicode)
文章推荐： opengl-es - Photoshop 混合模式到 OpenGL ES(无需着色器)
文章推荐： sql-server - 如何在 Wix 设置中测试 My SQL 服务器凭据
文章推荐： asp.net - asp.net中导出大量数据到客户端
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com