Mettre une portion de code toujours identique dans plusieurs contrôleurs
Bonjour,
Je dois remettre ce code dans plusieurs de mes controleurs angularjs 1.5 pour le bootstrap time picker:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
| <!-- BOOTSTRAP TIME PICKER -->
$scope.today = function() {
$scope.dtDef = new Date();
};
$scope.today();
$scope.clear = function () {
$scope.dtDef = null;
};
// Disable weekend selection
$scope.disabled = function(date, mode) {
return ( mode === 'day' && ( date.getDay() === 0 || date.getDay() === 6 ) );
};
$scope.toggleMin = function() {
$scope.minDate = $scope.minDate ? null : new Date();
};
$scope.toggleMin();
$scope.maxDate = new Date(2020, 5, 22);
$scope.open = function($event) {
$scope.status.opened = true;
};
$scope.setDate = function(year, month, day) {
$scope.dt = new Date(day, month, year);
};
$scope.dateOptions = {
formatYear: 'yy',
startingDay: 1
};
$scope.formats = ['dd-MMMM-yyyy', 'yyyy/MM/dd', 'dd-MM-yyyy', 'shortDate'];
$scope.format = $scope.formats[2];
$scope.status = {
opened: false
}; |
Le problème c'est que je ne vois pas du tout comment mettre ça dans un service ou une factory, du coup je dois le réécrire dans chaque controleur qui controle une vue ou il y a un datepicker bootsrap!
Pour mes gérer mes datas en Back End, ça va, j'arrive à créer des factories, mes factories ressemblent à ça :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
| .factory('employesService', ['$firebaseArray', 'FIREBASE_URI', function ($firebaseArray, FIREBASE_URI) {
var ref = new Firebase(FIREBASE_URI);
var employes = $firebaseArray(ref.child('employes'));
var getEmployes = function () {
return employes;
};
var ajouterEmploye = function (employe) {
employes.$add(employe);
};
var majEmploye = function (id) {
employes.$save(id);
};
var supprimerEmploye = function (id) {
employes.$remove(id);
};
return {
getEmployes: getEmployes,
ajouterEmploye: ajouterEmploye,
majEmploye: majEmploye,
supprimerEmploye: supprimerEmploye
}
}]) |
Mais je ne veux pas faire ça du tout, je veux juste mettre le code nécessaire à bootstrap time picker dans tous mes controleurs sans avoir à le réécrire 5 fois !
j'ai cru comprendre qu'il faudrait peut être créer un module ?
