AngularJS를 사용하여 중첩 된 JSON에 액세스

중첩 된 JSON 값에 액세스하는 데 문제가 있습니다. 나는 다른 값을 얻습니다. 그것은 내가 문제가있는 중첩 된 값입니다. 이 예제를 따르려고했지만 작동하지 못했습니다. AngularJS로 중첩 된 JSON 액세스

<div ng-app="myApp" ng-controller="customersCtrl"> 
<ul>
  <li ng-repeat="x in myData">
{{ x.Body + ', ' + x.title + ', ' + x.test_l.filename + ', ' +  x.test_h.filename }}
</li>
</ul>
<!--problem here -->
<ul ng-repeat="x in myData" ng-show="isVisible(x.title)">
  <li ng-repeat="y in x.image">{{y.filename}}</li>
</ul>

내 문제는 마지막 부분입니다. 이미지의 모든 파일 이름을 얻으려고합니다.

var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
 $http.get("http://localhost:8012/Adrupal/apistuff/test.json").then(function(response) {
      $scope.myData = response.data;
  });
});

JSON

[
  {
"Body": "This is the first test",
"nid": "1",
"test_h": {
  "fid": "33",
  "uid": "1",
  "filename": "h_pic.png",
  "uri": "public://h_pic.png",
  "filemime": "image/png",
  "filesize": "387",
  "status": "1",
  "timestamp": "1465557583",
  "rdf_mapping": [],
  "alt": "",
  "title": "",
  "width": "88",
  "height": "105"
},
"test_l": {
  "fid": "34",
  "uid": "1",
  "filename": "l_pic.png",
  "uri": "public://l_pic.png",
  "filemime": "image/png",
  "filesize": "315",
  "status": "1",
  "timestamp": "1465557850",
  "rdf_mapping": [],
  "alt": "",
  "title": "",
  "width": "67",
  "height": "93"
},
"image": [
  {
    "fid": "28",
    "uid": "1",
    "filename": "image1.png",
    "uri": "public://image1_0.png",
    "filemime": "image/png",
    "filesize": "39965",
    "status": "1",
    "timestamp": "1465556955",
    "rdf_mapping": [],
    "alt": "",
    "title": "",
    "width": "226",
    "height": "208"
  },
  {
    "fid": "35",
    "uid": "1",
    "filename": "image2.png",
    "uri": "public://image2.png",
    "filemime": "image/png",
    "filesize": "64329",
    "status": "1",
    "timestamp": "1465563195",
    "rdf_mapping": [],
    "alt": "",
    "title": "",
    "width": "321",
    "height": "201"
  }
],
"title": "Test 1",
"Check High": "1",
"Check Low": "1"
 }
]

미리 감사드립니다

로힛 진달

에 문제가 ng-show="isVisible(x.title)"있습니다. 사용하는 ng-show="x.title"대신 ng-show="isVisible(x.title)".

바이올린 데모 : https://jsfiddle.net/U3pVM/25488/

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Jquery를 사용하여 중첩 된 HTML 태그에 액세스

분류에서Dev

대시를 사용하여 중첩 된 JSON 속성에 액세스

분류에서Dev

Python을 사용하여 중첩 된 JSON 사전에 액세스

분류에서Dev

vue 리소스를 사용하여 API의 중첩 된 개체에 액세스

분류에서Dev

C #을 사용하여 중첩 된 JSON의 값에 액세스

분류에서Dev

Laravel 5.1에서 Blade를 사용하여 중첩 된 URL에 액세스

분류에서Dev

Angular 2 FormBuilder를 사용하여 FormArray에서 중첩 된 FormArray에 액세스

분류에서Dev

Mongoose-.populate를 사용하여 중첩 된 개체에 액세스

분류에서Dev

변수를 사용하여 중첩 된 JavaScript 개체에 액세스

분류에서Dev

TypeScript를 사용하여 중첩 된 JSON 속성에 액세스하는 방법은 무엇입니까?

분류에서Dev

jquery 또는 javascript를 사용하여 중첩 된 JSON 데이터에 액세스 하시겠습니까?

분류에서Dev

반응 및 후크를 사용하여 중첩 된 JSON에 액세스 할 수 없습니다. 유형 오류

분류에서Dev

d3.json ()을 사용하여 중첩 된 JSON에 액세스

분류에서Dev

Esper에서 이스케이프 문자를 사용하여 중첩 된 맵에 액세스

분류에서Dev

Ruby를 사용하여 중첩 된 해시에서 값에 액세스하는 방법

분류에서Dev

열거 가능한 내장 Ruby를 사용하여 중첩 된 데이터에 액세스하고 조작

분류에서Dev

Javascript의 Nasa Neo API에서 중첩 된 for 루프를 사용하여 데이터에 액세스

분류에서Dev

키에 대한 변수를 사용하여 중첩 된 개체의 요소에 액세스합니까?

분류에서Dev

쉼표로 구분 된 키를 사용하여 jsonable 중첩 개체에 액세스

분류에서Dev

슬라이더 AngularJS로 중첩 된 JSON에 액세스

분류에서Dev

백엔드에서 Ruby on Rails를 사용하여 게시 요청에서 중첩 된 json 매개 변수에 액세스하는 방법

분류에서Dev

오프셋을 사용하여 중첩 된 구조체에 액세스

분류에서Dev

C #을 사용하여 깊게 중첩 된 JSON의 특정 속성에 액세스하고이를 배열에 추가합니다.

분류에서Dev

중첩 된 JSON Android에 액세스

분류에서Dev

D3.js를 사용하여 동일한 추가 인스턴스 내에서 중첩 된 객체의 여러 수준에서 값에 액세스

분류에서Dev

AngularJS를 사용하여 중첩 된 JSON에서 값 가져 오기

분류에서Dev

포인터를 사용하여 중첩 구조의 데이터에 액세스

분류에서Dev

d3.js를 사용하여 키로 중첩 요소에 액세스

분류에서Dev

AngularJS에서 알 수없는 이름으로 중첩 된 JSON 값에 액세스

Related 관련 기사

  1. 1

    Jquery를 사용하여 중첩 된 HTML 태그에 액세스

  2. 2

    대시를 사용하여 중첩 된 JSON 속성에 액세스

  3. 3

    Python을 사용하여 중첩 된 JSON 사전에 액세스

  4. 4

    vue 리소스를 사용하여 API의 중첩 된 개체에 액세스

  5. 5

    C #을 사용하여 중첩 된 JSON의 값에 액세스

  6. 6

    Laravel 5.1에서 Blade를 사용하여 중첩 된 URL에 액세스

  7. 7

    Angular 2 FormBuilder를 사용하여 FormArray에서 중첩 된 FormArray에 액세스

  8. 8

    Mongoose-.populate를 사용하여 중첩 된 개체에 액세스

  9. 9

    변수를 사용하여 중첩 된 JavaScript 개체에 액세스

  10. 10

    TypeScript를 사용하여 중첩 된 JSON 속성에 액세스하는 방법은 무엇입니까?

  11. 11

    jquery 또는 javascript를 사용하여 중첩 된 JSON 데이터에 액세스 하시겠습니까?

  12. 12

    반응 및 후크를 사용하여 중첩 된 JSON에 액세스 할 수 없습니다. 유형 오류

  13. 13

    d3.json ()을 사용하여 중첩 된 JSON에 액세스

  14. 14

    Esper에서 이스케이프 문자를 사용하여 중첩 된 맵에 액세스

  15. 15

    Ruby를 사용하여 중첩 된 해시에서 값에 액세스하는 방법

  16. 16

    열거 가능한 내장 Ruby를 사용하여 중첩 된 데이터에 액세스하고 조작

  17. 17

    Javascript의 Nasa Neo API에서 중첩 된 for 루프를 사용하여 데이터에 액세스

  18. 18

    키에 대한 변수를 사용하여 중첩 된 개체의 요소에 액세스합니까?

  19. 19

    쉼표로 구분 된 키를 사용하여 jsonable 중첩 개체에 액세스

  20. 20

    슬라이더 AngularJS로 중첩 된 JSON에 액세스

  21. 21

    백엔드에서 Ruby on Rails를 사용하여 게시 요청에서 중첩 된 json 매개 변수에 액세스하는 방법

  22. 22

    오프셋을 사용하여 중첩 된 구조체에 액세스

  23. 23

    C #을 사용하여 깊게 중첩 된 JSON의 특정 속성에 액세스하고이를 배열에 추가합니다.

  24. 24

    중첩 된 JSON Android에 액세스

  25. 25

    D3.js를 사용하여 동일한 추가 인스턴스 내에서 중첩 된 객체의 여러 수준에서 값에 액세스

  26. 26

    AngularJS를 사용하여 중첩 된 JSON에서 값 가져 오기

  27. 27

    포인터를 사용하여 중첩 구조의 데이터에 액세스

  28. 28

    d3.js를 사용하여 키로 중첩 요소에 액세스

  29. 29

    AngularJS에서 알 수없는 이름으로 중첩 된 JSON 값에 액세스

뜨겁다태그

보관