Привязка данных в angularjs после http вызова - PullRequest
Новая
       1

Привязка данных в angularjs после http вызова

0 голосов
/ 04 сентября 2018

Я новичок в AngularJS и пытаюсь связать некоторые данные, которые я получаю, с помощью вызова Http, когда пользователь нажимает кнопку. Привязка данных работает нормально, когда я использую ее вне test(), но не внутри test(), которая вызывается при нажатии кнопки.
Что я делаю не так? 

<head>
  <script>
    function test() {

    fetch(url)
            .then(function(response) {
                return response.json();
            })
            .then(function(myJson) {

                var response = myJson;
                var results = parseJSON(response);

                angular.module("blabla", [])

                    .controller("myController", function($scope) {
                        $scope.test= {};
                        $scope.test.title = "testttt!";
                    });
    });


    }
  </script>
</head>

<body ng-app="blabla">
  <div class="search">
    <form id="search_form" method="get" onSubmit="return test()">
      <input type="text" class="_search" placeholder="Search" id="search_">
      <input title="Search" value="" type="submit" class="search_btn">
    </form>
  </div>
  <div ng-controller="myController">
    <h2>Welcome {{test.title}}</h2>
  </div>
</body>

1 Ответ

0 голосов
/ 04 сентября 2018

Заменить onSubmit="return test()" на onSubmit="test()"

Интерпретатор Angular пытается вызвать оператор (я считаю, что он думает, что это функция) return (с параметрами test()

Кроме того, test() должно быть объявлено в $scope вашего контроллера myController.

Возможно, было бы неплохо получить скелетное демо-приложение Angulr и попытаться понять, как оно работает, внеся небольшие изменения.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...