简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
angular.js - angular指令封装第三方插件，如何实现第三方js按需加载
天蓬老师
天蓬老师 2017-05-15 17:02:42
0
1
504

  • 需求是在调用某个封装了第三方插件的directive时再加载该插件相关的js文件，实现按需加载，但不用requireJS。

  • 我的初期想法是，在directive的link函数中利用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('