AngularJS 是一种流行的前端框架，它提供了一种结构化的方式来开发Web应用程序。在开发AngularJS应用程序时，使用良好的文件夹结构可以帮助我们更好地组织和管理代码。本文将介绍一种常见的AngularJS文件夹结构，并提供一个案例代码来说明如何使用这种结构。

- app
  - components
    - module1
      - module1.js
      - module1.controller.js
      - module1.service.js
      - module1.directive.js
      - module1.html
    - module2
      - module2.js
      - module2.controller.js
      - module2.service.js
      - module2.directive.js
      - module2.html
  - shared
    - services
      - service1.js
      - service2.js
    - directives
      - directive1.js
      - directive2.js
  - app.js
  - index.html

- module1
  - module1.js
  - module1.controller.js
  - module1.service.js
  - module1.directive.js
  - module1.html

javascript
// myModule.js
angular.module('myModule', []);

javascript
// myModule.controller.js
angular.module('myModule')
  .controller('myController', function($scope, myService) {
    $scope.message = myService.getMessage();
  });

javascript
// myModule.service.js
angular.module('myModule')
  .service('myService', function() {
    this.getMessage = function() {
      return 'Hello, AngularJS!';
    };
  });

html
  
{{ message }}

javascript
// app.js
angular.module('myApp', ['myModule']);

html