Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript]Angular Json.
Forum PHP.pl > Forum > Przedszkole
goartur
Problem polega na tym ze dane nie zostaja wyswietlone na stronie. Nie wiem w czym jest problem.
Controller wyglada nastepujaco:
  1. application.controller('shopController', function($scope,$http){
  2. window.document.title = "Shop";
  3. $http.get('data.json').success(function(response){
  4. console.log(response);
  5. $scope.myData = response;
  6. })
  7. });


json
  1. [{
  2. "name": "Tresom",
  3. "company": "Dabtype"
  4. }, {
  5. "name": "Bitwolf",
  6. "company": "Devcast"
  7. }, {
  8. "name": "Cardify",
  9. "company": "Voonte"
  10. }, {
  11. "name": "Bitchip",
  12. "company": "Chatterpoint"
  13. }, {
  14. "name": "Stim",
  15. "company": "Linktype"
  16. }, {
  17. "name": "Bitchip",
  18. "company": "Twitterwire"
  19. }, {
  20. "name": "Quo Lux",
  21. "company": "Vimbo"
  22. }, {
  23. "name": "Gembucket",
  24. "company": "Oozz"
  25. }, {
  26. "name": "Trippledex",
  27. "company": "Kazu"
  28. }, {
  29. "name": "Fix San",
  30. "company": "Eayo"
  31. }, {
  32. "name": "Tresom",
  33. "company": "Babbleblab"
  34. }, {
  35. "name": "Duobam",
  36. "company": "Youbridge"
  37. }]


Po uzyciu console.log() otrzymuje zawartosc pliku json:
  1. [Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object]


Html:
  1. <table border="=1">
  2. <tr ng-repeat="data in myData">
  3. <td>{{ data.Name }}</td>
  4. <td>{{ data.Company }}</td>
  5. </tr>

Tabela wypelnia sie td lecz nie wchodza w nie zadne dane. zostaje ona pusta.

Jakies pomysly?
markuz
wielkość liter? nie Name a name?
goartur
Cytat(markuz @ 28.06.2016, 21:27:14 ) *
wielkość liter? nie Name a name?

Tak zgadza sie, tez to zauwazylem, dzieki za odpowiedz.
Star
Nie jestem specjalistą od angulara, ale czy nie powinieneś zrobić coś w stylu

  1. console.log(respondentów.name);
  2. console.log(response.company);
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.