Angular $ scope не получает переменные

Question

Angular $ scope не получает переменные

0

У меня есть простой html файл, который делает поиск в Algolia и возвращает результат. Я могу утешить результат, но не могу получить доступ к $ scope.users из представления. Как я могу захватить этот объект $ scope.users.

вот мой файл app.js

    var myApp = angular.module('myApp', []);

    myApp.controller('usersController', function($scope) {
        $scope.users = [];

        var client = algoliasearch('my_app_id', 'my_app_key');
        var index = client.initIndex('getstarted_actors');

        index.search('john', function searchDone(err, content) {
          $scope.users.push(content.hits);
          console.log(content.hits);
        });

    });

Вот мой файл html view

<div class="results" ng-controller="usersController">
    <div ng-repeat="user in users">
        <h3>{{ user.name }}</h3>
    </div>  
</div>

note: атрибут ng-app = "myApp", указанный в теге html.

Mohammad Ohidul 12 май 2016, в 18:33

Источник

0

Это выглядит правильно.
ryanyuyu 12 май 2016, в 16:00
0

что печатает {{user}}, я полагаю, что у вас нет свойства name для пользователя.
Wild Widow 12 май 2016, в 16:00
0

Синтаксис выглядит старым, попробуйте ng-controller = "usersController as user", затем ng-repeat = "usr in user.users" и {{usr.name}} , ОБЯЗАТЕЛЬНО убедитесь, что ваш $ scope.users.push () действительно подталкивает
itsme 12 май 2016, в 16:01
0

Я думаю, что $ scope.users.push () на самом деле не толкает. потому что когда я утешаю $ scope.users вне функции index.search (), это просто утешительный пустой массив []. Что я должен делать? @sbaaang?
Mohammad Ohidul 12 май 2016, в 16:08

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

Теги:

scope

angularjs

3 ответа

Ещё вопросы

что печатает {{user}}, я полагаю, что у вас нет свойства name для пользователя.
Синтаксис выглядит старым, попробуйте ng-controller = "usersController as user", затем ng-repeat = "usr in user.users" и {{usr.name}} , ОБЯЗАТЕЛЬНО убедитесь, что ваш $ scope.users.push () действительно подталкивает
Я думаю, что $ scope.users.push () на самом деле не толкает. потому что когда я утешаю $ scope.users вне функции index.search (), это просто утешительный пустой массив []. Что я должен делать? @sbaaang?

tymeJV · Answer 1 · 2016-05-12T15-01-00.000Z

Это, скорее всего, потому, что ваш вызов index.search не запускает цикл Angular $digest - вручную запускает один из них либо $apply либо $timeout

index.search('john', function searchDone(err, content) {
  $scope.users.push(content.hits);
  $scope.$apply();
});

$apply() может генерировать $digest already in progress ошибок - другой способ с $timeout

myApp.controller('usersController', function($scope, $timeout) {
    index.search('john', function searchDone(err, content) {
        $timeout(function() {
            $scope.users.push(content.hits);
        });
    });
});

$scope.$evalAsync() я бы сказал: P вместо $ timeout
нет необходимости в $timeout поскольку он оборачивает вызов $apply docs.angularjs.org/api/ng/service/$timeout, который можно отключить, установив invokeApply в false (по умолчанию true)
Я думаю, что $ scope.users.push () на самом деле не толкает. потому что когда я утешаю $ scope.users вне функции index.search (), это просто утешительный пустой массив []. Что я должен делать?
@MohammadOhidul - Вы пробовали вышеуказанное решение? Журнал может быть неправильным, так как вышеуказанный поиск является асинхронным ...

Kyle · Answer 2 · 2016-05-12T14-37-00.000Z

algoliasearch не похож на инъецированную услугу и, следовательно, не является родной для угловой структуры. Попробуйте вызвать $scope.$apply().

Ant Kennedy · Answer 3 · 2016-05-12T14-04-00.000Z

попробуйте вызвать $scope.$apply() для обновления привязок

index.search('john', function searchDone(err, content) {
  $scope.users.push(content.hits);
  console.log(content.hits);
  $scope.$apply();
});