нг-повтор не работает, когда я его использую

Question

нг-повтор не работает, когда я его использую

0

мой код выглядит следующим образом:

<ons-template id="stockSearch.html">
<ons-page ng-controller="stockSymbolController">
    <ons-toolbar class="DCF">
        <div class="left">
            <ons-back-button style="color:white;"></ons-back-button>
        </div>          
        <div class="center" style="font-size:22px;" >Stock Search  : {{myDCFNavigator.getCurrentPage().options.symbol}}</div>
    </ons-toolbar>
    <div class="stockSearchList">
        <div ng-repeat="stockSearch in stocksSearchList">
            <div class="stockSearchOne">
                <div class="stockSearchOneComp">{{stockSearch.company}}</div>
                <div class="stockSearchOneInfo">Symbol: {{stockSearch.symbol}}| Exchange:{{stockSearch.exchange}} </div>                        
            </div> 
        </div>
    </div>
</ons-page>

и script.js следующим образом:

module.controller('stockSymbolController', function($scope, $http){
$scope.stocksSearchList = new Object();
var url = "https://www.xxxxx.com/api/public/search_company/"+myDCFNavigator.getCurrentPage().options.symbol;
$.ajax({
    type: 'get',
    url: url,
    success: function(data) {
        $scope.stocksSearchList = data;
        console.log($scope.stocksSearchList);
    },
});
});

но ng-repeat не работает. Когда я добавляю <div ng-repeat="stockSearch in stocksSearchList"> Даже в середине просто отображается "123", он не будет отображаться.

Кто-нибудь знает причину?

Miao 05 окт. 2015, в 22:03

Источник

1

Что делает console.log($scope.stocksSearchList); показать тебе?
br3w5 05 окт. 2015, в 19:19
2

Почему вы используете $ .ajax вместо $ http?
stephen 05 окт. 2015, в 19:20
0

Вы не включаете цикл дайджеста!
Daniel A. White 05 окт. 2015, в 19:21
0

console.log ($ scope.stocksSearchList); покажи мне данные JSON. Спасибо всем за ваш ответ. Я решаю эту проблему с помощью $ http. Это моя ошибка. Большое спасибо.
Miao 05 окт. 2015, в 19:27
0

@Miao да, это будет ... но поскольку $ajax находится вне углового диапазона, вы должны указать угловое значение, чтобы обновить представление .... $http сделает это за вас
charlietfl 05 окт. 2015, в 19:28
0

@ Мяо да, но как выглядят данные (я сделал предположение в своем ответе ниже)?
br3w5 05 окт. 2015, в 19:29

Показать ещё 4 комментария

Теги:

angularjs

onsen-ui

2 ответа

0

Вместо:

$scope.stocksSearchList = new Object();

Пытаться

$scope.stocksSearchList = [];

И убедитесь, что это возвращает список;

ewahner 05 окт. 2015, в 17:56

0

на самом деле не имеет значения в любом случае, так как он все равно переназначается в обратном вызове
charlietfl 05 окт. 2015, в 19:24

Ещё вопросы

Что делает console.log($scope.stocksSearchList); показать тебе?
Почему вы используете $ .ajax вместо $ http?
console.log ($ scope.stocksSearchList); покажи мне данные JSON. Спасибо всем за ваш ответ. Я решаю эту проблему с помощью $ http. Это моя ошибка. Большое спасибо.
@Miao да, это будет ... но поскольку $ajax находится вне углового диапазона, вы должны указать угловое значение, чтобы обновить представление .... $http сделает это за вас
@ Мяо да, но как выглядят данные (я сделал предположение в своем ответе ниже)?
на самом деле не имеет значения в любом случае, так как он все равно переназначается в обратном вызове

br3w5 · Accepted Answer · 2015-10-05T18-02-00.000Z

Во-первых, вы должны использовать угловой метод $http не метод jQuery $.ajax. Из документов:

Служба $ http - это базовая Угловая служба, которая облегчает связь с удаленными HTTP-серверами через объект XMLHttpRequest браузера или через JSONP.

Поэтому ваш код должен выглядеть следующим образом:

module.controller('stockSymbolController', function($scope, $http){
var url = "https://www.xxxxx.com/api/public/search_company/"+myDCFNavigator.getCurrentPage().options.symbol;
$http.get(url)
    .then(function(response) { // success is being deprecated in favour of .then
        $scope.stocksSearchList = response.stocksSearchList; // this should be an array that has nested objects that include properties and values for company, symbol and exchange (see note below)
        console.log($scope.stocksSearchList);
    }, function(error) {
        // do something with the error
    });
});

Я предполагаю, что response выглядит следующим образом с двумя элементами массива:

{
    stocksSearchList: [
        {
            company: 'some company',
            symbol: 'some symbol',
            exchange: 'some exchange'
        },
        {
            company: 'some other company',
            symbol: 'some other symbol',
            exchange: 'some other exchange'
        }
    ]
}

те же документы также указывают на то, что success считается устаревшим
ах да, и я включил then в ответ ранее спасибо
Спасибо за ваш ответ, я решаю эту ошибку сейчас. Большое спасибо.
тогда не совсем верно then() - это объект обещания ... scope.stocksSearchList = data.data;
да, правда, следует использовать точечную нотацию, чтобы получить любое имя свойства вложенного объекта.
нет ... это не моя точка зрения ... then возвращает объект обещания, который имеет свойство данных ... не ту же подпись, что и успех
да, статус, заголовки и т. д. являются свойствами response а не отдельными параметрами, передаваемыми в метод успеха
обновил ответ, чтобы использовать response