javascript - 带有RequireJS标签的AngularJS简要显示

我在使用require时引入了angularjs，但问题是，角度标签显示了片刻，直到角度脚本被解析为止。

我是否需要将angularjs从requirejs中带出来并在requirejs初始化之前进行定义，或者有更好的方法吗？

这是我的requirejs：

require.config({
    map: {},
    paths: {
        "angular": [
            "angular"
        ],
        "jquery": [
            "jquery"
        ],
        'bootstrap': [
            'bootstrap'
        ],
        'kendo': [
            'kendo'
        ]
    },
    shim: {
        'bootstrap': ['jquery'],
        'kendo': ['jquery'],
        'angular': {
            exports: 'angular'
        }
    }
})

最佳答案

当在文档的头部之外加载angular时（就像您使用requirejs加载angular一样），ng-cloak将无法立即工作，因为angular.js中包含了用于隐藏角度元素的所需样式。

要解决此问题，您可以自己在文档的开头手动添加这些样式。一个简单的样式标签就可以做到。

<style type="text/css">
    [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
        display: none !important;
    }
</style>

总的来说，您可以将ng-cloak指令添加到文档的body标签（或具有ng-app的同一标签）中，尽管最佳实践是仅将ng-cloak添加到需要它的元素中。

关于javascript - 带有RequireJS标签的AngularJS简要显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28569543/