Урок 14. Параметры маршрутизации в AngularJS

Дата публикации: 14-10-2016

Чтобы иметь доступ к просмотру всех уроков этого курса, оформите подписку в премиум раздел
Уроки AngularJS

От автора: в этом уроке мы продолжим работу с маршрутизацией (routing) в AngularJS. Здесь мы научимся передавать и принимать параметры между страницами, тем самым позволяя, к примеру, получать динамические данные с сервера.

lesson

Все уроки курса:

Метки:

Комментарии (7)

  1. makprg@mail.ru

    Прекрасные уроки, спасибо!

  2. Furry Cat

    Спасибо огромное, Андрей, за понятные уроки, жду продолжения!)

  3. olimov.88@inbox.ru

    Андрей подскажите как вывести заголовок и авторов книги?
    В уроке вы дали это на ДЗ, потом сказали что посмотрите ваше решение с моим, но Вы не показали ДЗ

    Спасибо

    • Андрей Кудлай

      Делаете http запрос на сервер, скажем, к файлу book.php, в котором и будут получены данные книги. Вторым параметром запроса передавайте ID книги, а полученный результат передается в вид:
      $http.post('book.php', $scope.id).
      success(function(res, status){
      $scope.book = res;
      }).

      На сервере — простейший запрос, примерно такой:
      require 'db.php';
      $id = json_decode(file_get_contents("php://input"));
      $res = mysqli_query($db, "SELECT * FROM books WHERE id = " . (int)$id);
      $book = mysqli_fetch_assoc($res);
      exit(json_encode($book));

      Ну и в виде как-то так:
      Name: {{book.title}}
      Author: {{book.author}}

      Вот и все) Попробуйте, тут ничего нового и все делается по аналогии с тем, как мы отправляли запрос и получали результат в 12-ом уроке. Ну и в следующих уроках будем делать приложение с выводом стран и показом списка городов выбранной страны, т.е. там будет фактически аналогичный пример, даже чуть более продвинутый.

  4. olimov.88@inbox.ru

    Здравствуйте, Андрей.
    Сделал как вы сказали не получается!

    • Андрей Кудлай

      Здравствуйте. Значит, что-то сделали не так, поскольку у меня получилось. В комментариях вопросы с кодом решать ну очень неудобно, код часто ломается, поэтому смысла выкладывать большие куски кода — нет. Для этого у нас есть форум, где такие вопросы решать куда удобнее. Выложу здесь архив с рабочим кодом.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree