使用ngRepeat显示json调用

时间:2016-03-11 17:09:20

标签: angularjs json

我想显示一个json格式,我在一个宁静的调用中得到,这是json调用的格式:

[
    {
        "codeOffre": 1,
        "titre": "Offre_JEE",
        "niveauExperience": "débutant",
        "description": "besoin Ingénieur Cobol",
        "dateExpiration": 1477004400000,
        "typeContrat": {
            "codeContratType": 2,
            "titre": "CDD"
        },
        "associationCandidatOffres": [],
        "dateDemmaarge": null
    },
    {
        "codeOffre": 2,
        "titre": "Offre_JEE",
        "niveauExperience": "débutant",
        "description": "besoin d'un développeur java/jee",
        "dateExpiration": 1501804800000,
        "typeContrat": {
            "codeContratType": 4,
            "titre": "Stage"
        },
        "associationCandidatOffres": [],
        "dateDemmaarge": null
    },
    {
        "codeOffre": 3,
        "titre": "Système et réseaux",
        "niveauExperience": "4 ans",
        "description": "Besoin Ingénieur System et réseaux",
        "dateExpiration": 1468450800000,
        "typeContrat": {
            "codeContratType": 2,
            "titre": "CDD"
        },
        "associationCandidatOffres": [],
        "dateDemmaarge": null
    }
]

在我的html页面中我有这个:

<ul id="myList" ng-repeat="o in offres">
              <li>
                    <h4><a href="#">{{o.titre}}</a></h4>
              </li>
            </ul>

这是我的控制者:

capValueRecruitApp.controller('offresController', function($scope, offresFactory) {

  offresFactory.getList().then(function(data) {
    $scope.offres = new Array(data);
    console.log($scope.offres);
  }, function(msg) {
    alert(msg);
  });

});

console.log($scope.offres);显示:

enter image description here

但是在索引页面中我什么都没得到,所以我尝试使用静态表而不是工作,这是我尝试过的代码:

capValueRecruitApp.controller('offresController', function($scope, offresFactory) {

  offresFactory.getList().then(function(data) {
    $scope.offres=['Jani','Hege','Kai'];
  }, function(msg) {
    alert(msg);
  });
});

3 个答案:

答案 0 :(得分:1)

尝试

<?php
$userid = $_GET['id'];
?>

使用.then()时,返回的对象包含一个包含实际json数据的数据属性。

答案 1 :(得分:0)

你错了在这里使用new Array

offresFactory.getList().then(function(data) {
    $scope.offres = data;//or data.data, this depends on what return getList
    console.log($scope.offres);

答案 2 :(得分:0)

当我在你的firefox控制台上看到 时,你会从服务器向你的客户端返回一个数据数组,所以你可以像这样得到数组数据:{{1 }}