javascript – 你能使用Angular依赖注入而不是RequireJS吗？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 你能使用Angular依赖注入而不是RequireJS吗？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2068字，纯文字阅读大概需要3分钟。

内容图文

我开始使用angular,我怎么能将代码从一个应用程序分解成多个文件？我看了60分钟的介绍,他们提到我可以在没有requirejs或任何其他框架的情况下执行此操作.

让我们说我有这样的东西工作得很好：

var app = angular.module('app', []);

app.factory('ExampleFactory', function () {
   var factory = {};
   factory.something = function(){
   /*some code*/
   }
   return factory;
});


app.controller ('ExampleCtrl', function($scope, ExampleFactory){
   $scope.something = function(){
      ExampleFactory.something();
    };
});

app.config(function ($routeProvider) {
    $routeProvider
    .when('/',
    {
    controller: 'ExampleCtrl',
        templateUrl: 'views/ExampleView.html'
    })
    .otherwise({ redirectTo: '/' });
});

如果我想将它放在单独的文件中怎么办？像这样

文件一：

   angular.module('factoryOne', [])
   .factory('ExampleFactory', function () {
       var factory = {};
       factory.something = function(){
       /*some code*/
       }
       return factory;
   });

文件二：

  angular.module('controllerOne', ['factoryOne'])
  .controller ('ExampleCtrl', function($scope,ExampleFactory){
      $scope.something = function(){
      ExampleFactory.something();
      };
  });

档案三：

angular.module('routes', ['controllerOne'])
.config(function ($routeProvider) {
     $routeProvider
     .when('/',
     {
    controller: 'ExampleCtrl',
        templateUrl: 'views/ExampleView.html'
     })
    .otherwise({ redirectTo: '/' });
 });

档案四：

  var app = angular.module('app', ['routes']);

我已经尝试过这样做但它不起作用.
我可以做这样的事情,只在主视图中有一个文件四的脚本标签吗？或者每个文件都必须有一个脚本标记？
谢谢你的帮助.

解决方法:

AngularJS目前没有脚本加载器作为框架的一部分.为了加载依赖项,您需要使用第三方加载器,例如RequireJS,script.js等.

根据文件(http://docs.angularjs.org/guide/module#asynchronousloading)：

Asynchronous Loading

Modules are a way of managing $injector
configuration, and have nothing to do with loading of scripts into a
VM. There are existing projects which deal with script loading, which
may be used with Angular. Because modules do nothing at load time they
can be loaded into the VM in any order and thus script loaders can
take advantage of this property and parallelize the loading process.

…或者,正如@xanadont所解释的那样,你可以添加< script>每个文件的页面标记.

内容总结

以上是互联网集市为您收集整理的javascript – 你能使用Angular依赖注入而不是RequireJS吗？全部内容，希望文章能够帮你解决javascript – 你能使用Angular依赖注入而不是RequireJS吗？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端