javascript - 为什么 system.js 返回一个空对象而不是 angularjs？

Question

为什么 system.js 返回一个空对象而不是 angularjs？如何解决？

System.config({
  map: {
    angular: 'https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular.js'
  }
});

System.import('angular').then(function(data){
  console.log('###', data);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.18.4/system.js"></script>

Answer 1

因为 AngularJS 是在全局级别加载的，而不是作为模块加载的。

执行导入后，angular可在全局范围内使用。

System.config({
  map: {
    angular: 'https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular.js'
  }
});

System.import('angular').then(function(){
  console.log(angular);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.18.4/system.js"></script>

Answer 2

System.config({
  map: {
    angular: 'https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular.js'
  },
  meta: {
    'https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular.js': {
      'format': 'global'
    }
  }
});

System.import('angular').then(function(data){
  console.log('###', data);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.18.4/system.js"></script>