Недавно добавленный элемент не обновляется в html

Question

Недавно добавленный элемент не обновляется в html

0

У меня есть этот код контроллера:

$scope.searchResult = [{title:"this is 1"},{title:"this is 2"}];

$scope.searchByTag = function()
{
    $location.path("search");

    var req = {                   
       method: 'POST',
       url: 'url',
       headers: {
         'Content-Type': "application/json"
       },
       data: searchFormService.getTagSearhReqData()
    };

    $http(req).then(function(d){          
      for(var i=0;i<d.data.length;i++)
      {
        $scope.searchResult.push(d.data[i]);              
      }          
      alert($scope.searchResult.length);
    }, function(e){
    });     
}

Вот html-код:

    <div ng-repeat="data in searchResult">
            {{data.title}}
    </div>

Первоначально он показывает title1 и title2 когда searchByTag() называется alert($scope.searchResult.length); показать новую длину searchResult что означает, что новый элемент добавлен в searchResult но он не обновлен в html.

manish 25 сен. 2015, в 14:34

Источник

0

Ваш код должен работать, но, возможно, он зависает в предупреждении (пока вы не нажмете ОК)? Попробуйте закомментировать предупреждение или преобразовать его в console.log и посмотреть, что произойдет. Или, может быть, d.data[i] не содержит свойства title ? Вы можете console.log(d.data[i]) чтобы проверить это.
DzinX 25 сен. 2015, в 11:58
0

внутри цикла console.log(d.data[i].title); работает хорошо, и я пытался без предупреждения также
manish 25 сен. 2015, в 12:07
0

можешь поделиться jsfiddle?
Murali K 25 сен. 2015, в 12:09
0

Тогда единственным другим подозреваемым является $location.path("search"); , Что то, что для? Что если вы закомментируете это?
DzinX 25 сен. 2015, в 12:10
0

при нажатии кнопки внутри страницы формы поиска я вызываю searchResult и внутри searchResult я хочу перейти на страницу search чтобы показать результат.
manish 25 сен. 2015, в 12:12

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

Теги:

angularjs

1 ответ

Ещё вопросы

Ваш код должен работать, но, возможно, он зависает в предупреждении (пока вы не нажмете ОК)? Попробуйте закомментировать предупреждение или преобразовать его в console.log и посмотреть, что произойдет. Или, может быть, d.data[i] не содержит свойства title ? Вы можете console.log(d.data[i]) чтобы проверить это.
внутри цикла console.log(d.data[i].title); работает хорошо, и я пытался без предупреждения также
Тогда единственным другим подозреваемым является $location.path("search"); , Что то, что для? Что если вы закомментируете это?
при нажатии кнопки внутри страницы формы поиска я вызываю searchResult и внутри searchResult я хочу перейти на страницу search чтобы показать результат.

Dmitri Algazin · Answer 1 · 2015-09-25T12-09-00.000Z

ваша структура JSON похожа на

$scope.searchResult.push({'title':d.data[i]});