Javascript 带有RequireJS标签的AngularJS显示breifly

我使用require引入angularjs，但问题是，angular标记会显示一段时间，直到angular脚本被解析

我是否必须将angularjs从requirejs中带出来，并在初始化requirejs之前定义它，还是有更好的方法

这是我的要求：

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

这是设计用来解决这个问题的用例

指令用于防止在加载应用程序时浏览器以原始（未编译）形式短暂显示角度html模板。使用此指令可避免html模板显示造成的不良闪烁效果。

该指令可应用于元素，但首选用法是将多个

ngclope

指令应用于页面的小部分，以允许渐进呈现浏览器视图

{{'hello'}

这是设计用来解决问题的用例

指令用于防止在加载应用程序时浏览器以原始（未编译）形式短暂显示角度html模板。使用此指令可避免html模板显示造成的不良闪烁效果。

该指令可应用于元素，但首选用法是将多个

ngclope

指令应用于页面的小部分，以允许渐进呈现浏览器视图

{{'hello'}

这是设计用来解决问题的用例

指令用于防止在加载应用程序时浏览器以原始（未编译）形式短暂显示角度html模板。使用此指令可避免html模板显示造成的不良闪烁效果。

该指令可应用于元素，但首选用法是将多个

ngclope

指令应用于页面的小部分，以允许渐进呈现浏览器视图

{{'hello'}

这是设计用来解决问题的用例

指令用于防止在加载应用程序时浏览器以原始（未编译）形式短暂显示角度html模板。使用此指令可避免html模板显示造成的不良闪烁效果。

该指令可应用于元素，但首选用法是将多个

ngclope

指令应用于页面的小部分，以允许渐进呈现浏览器视图

{{'hello'}

在文档头部之外加载angular时（正如您使用requirejs加载angular时所做的那样），ng-Dope不会立即工作，因为angular.js中包含隐藏angular元素所需的样式

要修复此问题，您可以手动将这些样式添加到文档的标题中。一个简单的样式标签就可以了

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

[ng \：斗篷]，[ng斗篷]，[data ng斗篷]，[x-ng-斗篷]，.ng斗篷，.x-ng-斗篷{
显示：无！重要；
}

---

作为一个包罗万象的方法，您可以将ng-Dope指令添加到文档的body标记（或具有ng-app的同一标记），尽管最佳做法是仅将ng-Dope添加到需要它的元素。

当在文档头部外加载angular时（使用requirejs加载angular），由于angular.js中包含隐藏角度元素所需的样式，ng-Dope将无法立即工作

要修复此问题，您可以手动将这些样式添加到文档的标题中。一个简单的样式标签就可以了

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

[ng \：斗篷]，[ng斗篷]，[data ng斗篷]，[x-ng-斗篷]，.ng斗篷，.x-ng-斗篷{
显示：无！重要；
}

---

作为一个包罗万象的方法，您可以将ng-Dope指令添加到文档的body标记（或具有ng-app的同一标记），尽管最佳做法是仅将ng-Dope添加到需要它的元素。

当在文档头部外加载angular时（使用requirejs加载angular），由于angular.js中包含隐藏角度元素所需的样式，ng-Dope将无法立即工作

要修复此问题，您可以手动将这些样式添加到文档的标题中。一个简单的样式标签就可以了

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

[ng \：斗篷]，[ng斗篷]，[data ng斗篷]，[x-ng-斗篷]，.ng斗篷，.x-ng-斗篷{
显示：无！重要；
}

---

作为一个包罗万象的方法，您可以将ng-Dope指令添加到文档的body标记（或具有ng-app的同一标记），尽管最佳做法是仅将ng-Dope添加到需要它的元素。

当在文档头部外加载angular时（使用requirejs加载angular），由于angular.js中包含隐藏角度元素所需的样式，ng-Dope将无法立即工作

要修复此问题，您可以手动将这些样式添加到文档的标题中。一个简单的样式标签就可以了

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

[ng \：斗篷]，[ng斗篷]，[data ng斗篷]，[x-ng-斗篷]，.ng斗篷，.x-ng-斗篷{
显示：无！重要；
}

---

作为一个包罗万象的方法，您可以将ng-clope指令添加到文档的body标记（或与ng-app相同的标记），尽管最佳实践是只向需要的元素添加ng斗篷。

实际上，将ng斗篷添加到身体元素已经足够了，比如：实际上，将ng斗篷添加到身体元素已经足够了，比如：实际上，将ng斗篷添加到身体元素已经足够了，比如：实际上，将ng斗篷添加到身体元素已经足够了比如：