Discussion :

[Hippocrène]

Bonjour,

j’aimerais savoir comment on peut récupérer un tableau contenu dans un fichier de configuration et l’insérer dans un ensemble à l’intérieur d’un contrôleur AngularJS.

J’ai besoin de créer un fichier, sûrement appelé config.js (mais je ne sais pas si il doit être « .js » ), et y ajouter une liste de pays que je pourrais rentrer dans un « $scope.pays = [ici la liste des pays]; ». Mais je ne sais comment m’y prendre.

Avez-vous une idée sur le sujet ?

[slim]

Salut!

Tu peux créer un fichier JSON et le lire avec le service $http.

[Hippocrène]

J’ai créé un fichier « config.json », contenant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
{
	"option":[
 
	{"id": "1", "name": "A", 
      "countries": [{"id": "1", "name": "FR", 
        "servers": [{"id": "1", "name": "Un"}, 
          {"id": "2", "name": "Deux"},
          {"id": "3", "name": "Trois"}]
      }]},
     {"id": "2", "name": "B",
      "countries": [{"id": "1", "name": "FR",
        "servers": [{"id": "1", "name": "Quatre"}, 
          {"id": "2", "name": "Cinq"}, 
          {"id": "3", "name": "Six"}]}, 
      {"id": "2", "name": "DE", 
        "servers": [{"id": "1", "name": "Sept"}, 
          {"id": "2", "name": "Huit"},
          {"id": "3", "name": "Neuf"}]
      }]}
 
      ]
 
  }

et mon implémentation $http :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var module = angular.module('kibana.panels.custom', []);
 
  module.controller('custom', ['$scope', '$http', function ($scope, $http, dashboard, querySrv, filterSrv) {
 
     $scope.option = {};
 
     $http({
      method: 'GET',
      url: 'config.json'
     })
 
     .success(function (data, status, headers, config) {
    $scope.option = data;
 
    });
 
      $scope.selectedRequest = {};
      $scope.selectedRequest.option = $scope.option[0];
 
}]);

et mon html :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<div ng-controller="custom" >
  <select name="site" ng-model="selectedRequest.site" ng-options="site.name for site in option" required></select>
  <select name="country" ng-model="selectedRequest.country" ng-options="country.name for country in selectedRequest.site.countries" required></select>
  <select name="server" ng-model="selectedRequest.server" ng-options="server.name for server in selectedRequest.country.servers"></select>
  <form>
    <input type="submit" value="OK">
  </form>
</div>

Mais ça ne fonctionne pas. Je pense que c’est au niveau du « $scope.option = data; » dans le « .succes » mais c’est aussi dû au « $http ».

[slim]

Mais ça ne fonctionne pas.

Est ce que tu as une erreur ou pas de résultat ?

Est ce que tu passe dans le success ? est-ce que l'instruction $scope.option= data; est exécutée ?
et est-ce que $scope.option ou data contiennent quelque chose ?

[Hippocrène]

En fait, je travaille sur un panneau personnalisé de Banana (une fourche de Kibana), et, quand le code est bon, je peut créer ce panneau dans mon interface de panneaux ; dans le cas contraire, il apparaît dans la liste, mais je ne peux pas le créer. Je suppose donc qu’il ne passe pas le succes. En effet, si je supprime

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
$http({
      method: 'GET',
      url: 'config.json'
     })
 
     .success(function (data, status, headers, config) {
    $scope.option = data;
 
    });
 
      $scope.selectedRequest = {};
      $scope.selectedRequest.option = $scope.option[0];

je peux à nouveau créer le panneau.

[slim]

tu m'excusera mais j'ai rien compris à ta réponse...