Javascript-форум (https://javascript.ru/forum/)
-   Angular.js (https://javascript.ru/forum/angular/)
-   -   Json и как его правильно кушать (Help plz!) (https://javascript.ru/forum/angular/62823-json-i-kak-ego-pravilno-kushat-help-plz.html)

JohnyVoo 03.05.2016 00:33

Json и как его правильно кушать (Help plz!)
 
Доброго вам времени!
Делаю курсач типа Сервис/Клиент, выбрал как клиентскую часть Web-приложение. Столкнулся с проблемой как правильно распарсить мой Json файл с сервиса

Instruments":[{"Id":2,"Name":"Cort AD810 OP","Price":2500},{"Id":3,"Name":"Maxtone CGC390N","Price":1500},{"Id":4,"Name":"Fender CD-60  Black BK-DS-V2","Price":5000},{"Id":5,"Name":"Maxtone WGC3902","Price":1944},{"Id":6,"Name":"Epiphone DR-100 Ebony CH HDWE","Price":3500},{"Id":7,"Name":"Takamine EG430S-WR Wine Red ","Price":13770}],"Id":2,"Name":"Струнные"},{"Instruments":[{"Id":8,"Name":"Premier 22892S PS Classic Stage 22 Sparkle","Price":96071},{"Id":9,"Name":"Premier APK 64299-44CBW Modern Rock 22 Cosmic Blue Wrap","Price":18017},{"Id":10,"Name":"Peace Adonis DP-210 Opticallusion","Price":19641},{"Id":11,"Name":"Peace Prodigy DP-109CH-22 Apple Green","Price":13935},{"Id":12,"Name":"Premier Genista 43299-44PSF SE Birch Modern Rock 22 Purple ","Price":40002},{"Id":13,"Name":"Peace Demolition DP-22NDL-5 Fuchsia","Price":17214}],"Id":3,"Name":"Ударные"},{"Instruments":[{"Id":14,"Name":"Yamaha YRS-312B III","Price":936},{"Id":15,"Name":"Yamaha YRS-24B","Price":180},{"Id":16,"Name":"Yamaha YRS-20GB","Price":180},{"Id":17,"Name":"Suzuki Olive C-20 G","Price":1284},{"Id":18,"Name":"Hohner Silver Star E","Price":374},{"Id":19,"Name":"Suzuki Manji M-20 A","Price":1149}],"Id":4,"Name":"Духовые"}]


Вывел часть Json'a как список категорий, все работает

Код:

<li ng-repeat ="item in items"><button class="btn"><span>{{item.Name}}</span></button></li>
Мой контроллер для запроса
.controller("resourceCtrl", function ($scope, $http) {
        $scope.url = "http://localhost:1893/api/category";
        $scope.items;
        $scope.SendRequest = function () {
            $http.get($scope.url).success(function (response) {
                $scope.items = response;
            })
        }


А вот что бы заполнить контент страницы который будет выводится при
клике по категории у меня все никак не получается..

Код:

<div class="col-md-4" ng-repeat="item in items.Instruments">
                            <div class="main-content-goods">
                                <img src=" #" alt="" class="img-shop" />
                                <div>
                                    <p class="content-prise">{{item.Price}}</p>
                                    <h5>{{item.Name}}</h5> 
                                </div>
                            </div>
                        </div>

Такой вот блок с контентом.

Буду рад если сможете подсказать на ошибки и как решить данную проблему.
Зарание спасибо!

krasovsky 04.05.2016 07:21

Вроде все норм, уверен что в респонзе лежит json а не поле data, в котором уже лежит json?

JohnyVoo 04.05.2016 19:55

У меня не получается привязать кнопку к обектам например (item[0].intruments) что бы вывести это все на страницу.
Я репичу блок с html кодом для списка категорий и вставляю {{item.Name}}, а при нажатии на эту категорию мне нужно влезть в массив этого объекта и выводить уже на страницу {{item[мой объект].Instrument[].Name}}


Часовой пояс GMT +3, время: 16:50.