angular.js - angular指令封装第三方插件,如何实现第三方js按需加载
天蓬老师
天蓬老师 2017-05-15 17:02:42
[AngularJS讨论组]
  • 需求是在调用某个封装了第三方插件的directive时再加载该插件相关的js文件,实现按需加载,但不用requireJS

  • 我的初期想法是,在directivelink函数中利用jquery动态加载相关js文件,但是这样不知道文件加载完成的时间。

  • 相关代码如下(以封装select2为例)

    var app = angular.module('app', []);
    app.controller('FooController', function() {
      var vm = this;
    });
    
    //自定义指令,简单封装select2, 这里只是以select2为例
    app.directive('mySelect2', function($timeout) {
      return {
        link: function(scope, ele, attr) {
         
          //目前的想法是在这儿用jq动态加入script标签导入select2源文件
          //但是文件是异步加载的,无法知道什么时候加载完
          $('body').append('
                
                
                
                
                
                
                
                
                
                
                
                
    
                
    天蓬老师
    天蓬老师

    欢迎选择我的课程,让我们一起见证您的进步~~

    全部回复(1)
    为情所困

    推荐ocLazyLoad,中文文档,英文文档。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号