Cordova Hybrid App Design - Контроллеры

Question

Cordova Hybrid App Design - Контроллеры

0

Я пытаюсь разработать приложение с использованием рамки Кордовы. Мое приложение должно иметь много контроллеров для работы. Поэтому сохранение всех контроллеров в том же файле будет громоздким по мере увеличения размера кода. Таким образом, ремонтопригодность кода будет потеряна.

Поэтому для каждого контроллера, который предлагает подход к программированию:

1. Наличие одного основного файла `App.js` и запись всех контроллеров внутри него. И, наконец, импортировать только файл `App.js` файл `index.html`.

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

myApp.controller('ControllerA', ['$scope', function($scope) {

}]);

myApp.controller('ControllerB', ['$scope', function($scope) {

}]);

myApp.controller('ControllerC', ['$scope', function($scope) {

}]);

2. Имея несколько js файлов для каждого контроллера и импортируя все в основной файл `index.html`:

Основной файл App.js:

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

Файл ControllerA.js:

myApp.controller('ControllerA', ['$scope', function($scope) {

}]);

Файл ControllerB.js:

myApp.controller('ControllerB', ['$scope', function($scope) {

}]);

Файл ControllerC.js:

myApp.controller('ControllerC', ['$scope', function($scope) {

}]);

Master 29 июнь 2015, в 21:39

Источник

Теги:

javascript

angularjs

cordova

hybrid-mobile-app

1 ответ

Ещё вопросы

Alexander Hripak · Answer 1 · 2015-06-29T17-18-00.000Z

Разумеется, для целей контроля версий он идеально подходит для разделения этих контроллеров на свои собственные файлы. Я думаю, что ваш проект мог бы выиграть от бегуна задач, такого как Grunt или GulpJS.

Если вы пойдете с GulpJS, вы можете настроить свой gulpfile так:

var gulp = require('gulp');

var concat  = require('gulp-concat');
var ug      = require('gulp-uglify');
var rename  = require('gulp-rename');

// Minfy all assets into a single file.
gulp.task('default', function() {
    var files = [
        '/js/controller/*.js'
    ];

    return gulp.src(files)
        .pipe(concat('bundle.js'))
        .pipe(ug())
        .pipe(gulp.dest('../js'));
});

А затем запустите gulp из командной строки. На вашей странице вы загрузите весь пакет bundle.js, который будет включать ваше приложение и любое количество контроллеров, служб и директив.

Что делает Gup? Сократите сценарии до одного, который вы можете импортировать на главной странице index.html.
Правильно, это запускщик задач javascript, который помогает вам делать такие вещи, как объединение и минимизация файлов javascript, которые будут импортированы с помощью одного запроса.

Cordova Hybrid App Design - Контроллеры

1. Наличие одного основного файла App.js и запись всех контроллеров внутри него. И, наконец, импортировать только файл App.js файл index.html.

2. Имея несколько js файлов для каждого контроллера и импортируя все в основной файл index.html:

1 ответ

Ещё вопросы

1. Наличие одного основного файла `App.js` и запись всех контроллеров внутри него. И, наконец, импортировать только файл `App.js` файл `index.html`.

2. Имея несколько js файлов для каждого контроллера и импортируя все в основной файл `index.html`: