Некоторая путаница в отношении архитектуры AngularJS

Недавно я купил плавку AngularJS от http://themeforest.net/item/fuse-angularjs-material-design-admin-template/12931855, но какая архитектура AngularJS выполняет этот код? Все файлы Отдельные модули, контроллер и HTML файл, и он использует глотка запуститьНекоторая путаница в отношении архитектуры AngularJS

Это модуль

(function() 
{ 
'use strict'; 

angular 
    .module('app.components.tables.datatable', []) 
    .config(config); 

/** @ngInject */ 
function config($stateProvider) 
{ 
    $stateProvider.state('app.components_tables_datatable', { 
     url : '/components/table/datatable', 
     views : { 
      '[email protected]': { 
       templateUrl: 'app/main/components/tables/datatable/datatable.html', 
       controller : 'DatatableController as vm' 
      } 
     }, 
     resolve: { 
      Employees: function (apiResolver) 
      { 
       return apiResolver.resolve('[email protected]'); 
      } 
     } 
    }); 
} 

})();

Это контроллер

(function() 
{ 
'use strict'; 

angular 
    .module('app.components.tables.datatable') 
    .controller('DatatableController', DatatableController); 

/** @ngInject */ 
function DatatableController(Employees) 
{ 
    var vm = this; 

    // Data 
    vm.employees = Employees.data; 

    vm.dtOptions = { 
     dom  : '<"top"f>rt<"bottom"<"left"<"length"l>><"right"<"info"i><"pagination"p>>>', 
     pagingType: 'simple', 
     autoWidth : false, 
     responsive: true 
    }; 

    // Methods 

    ////////// 
} 

})();

Folder Structure Screenshots

источник

2015-12-30 dhaval thakkar

См. Этот популярный стиль руководства: https://github.com/johnpapa/angular-styleguide –

В чем вопрос? –

Вот хороший documentation, который помогает начать с угловой версии темы Fuse. http://withinpixels.com/themes/fuse/documentation/getting-started/introduction

Он использует модульную структуру в каталоге/app. Чтобы добавить новый модуль, просто поместите файлы модулей в предпочтительное место внутри каталога app /, а затем добавьте имя модуля в качестве зависимости в файл app/index.module.js.

Распакуйте ZIP-файл, который вы загрузили с помощью Themeforest. Внутри zip-файла вы найдете Skeleton Project (Fuse-1.x.x.zip) вместе с демо-проектом (Fuse-1.x.x-demo.zip), проектами PSD и файлом readme. После извлечения Fuse-1.x.x.zip или Fuse-1.x.x-demo.zip вы найдете папку/src, где вам нужно создать свои модули в папке/приложении. После завершения вам нужно запустить «gulp build» (для производства) или «gulp build: dev» (для разработки). Наконец, вы получите тему сборки в папке/dist. Теперь вы можете использовать его в любом месте. Даже вы можете запускать сервер Apache.

источник

2016-03-31 19:03:14

спасибо, я решил проблему –

Некоторая путаница в отношении архитектуры AngularJS

ответ

Смежные вопросы