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

0

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

Это модуль

(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  : {
            'content@app': {
                templateUrl: 'app/main/components/tables/datatable/datatable.html',
                controller : 'DatatableController as vm'
            }
        },
        resolve: {
            Employees: function (apiResolver)
            {
                return apiResolver.resolve('tables.employees100@get');
            }
        }
    });
}

})();

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

(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

    //////////
}

})();

Изображение 174551

  • 0
    Смотрите это популярное руководство по стилю: github.com/johnpapa/angular-styleguide
  • 0
    Какой у Вас вопрос?
Теги:

1 ответ

0
Лучший ответ

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

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

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

  • 0
    спасибо я решил проблему

Ещё вопросы

Сообщество Overcoder
Наверх
Меню