Angularjs:惰性与基于需求的加载

Angularjs:惰性与基于需求的加载,angularjs,lazy-loading,angularjs-directive,modernizr,Angularjs,Lazy Loading,Angularjs Directive,Modernizr,我从以下文章中看到了延迟加载Angularjs的方法: 和 在实践中,我发现指令中更简单的基于需求的加载最有用,如以下示例: <script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/modernizr-2.6.2.min.js" type="text/javascript" charset="utf-8"><

我从以下文章中看到了延迟加载Angularjs的方法: 和

在实践中,我发现指令中更简单的基于需求的加载最有用,如以下示例:

<script src="js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/modernizr-2.6.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/angular-1.0.6/angular.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/script.min.js" type="text/javascript" charset="utf-8"></script>

.....

.directive('myDesktopDatepickerDirective', function() {
    return {
        link : function($scope,$element) {
            if(Modernizr.isDesktop) {
                $script([
                    'js/jquery-ui-1.10.2.custom.js'
                ],function() {
                    $element.datepicker();
                });
            }
        }
    }
})

.....
.directive('myDesktopDatepickerDirective',function(){
返回{
链接:函数($scope$element){
if(现代化isDesktop){
$script([
'js/jquery-ui-1.10.2.custom.js'
],函数(){
$element.datepicker();
});
}
}
}
})

在什么情况下,您希望执行Angular的应用程序级延迟加载,本文将对此进行详细介绍,还有一个基于需求的例子,比如我上面的例子?

为了澄清-我的问题是-为什么要在应用程序级别延迟加载Angular?另一篇关于将Angular与requirejs集成的文章:这篇文章很好地回答了我的问题,thx