@IvanN777

Учу Angular, перехожу по ссылке на страницу и видна разметка Angular,если потом нажимаю F5 все нормально.?

Код Angular

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

BookShop.factory("BookFactory", function($resource) {
    return $resource("books/:id", { id: '@id' }, {
        index:   { method: 'GET', responseType: 'json' },
        update:  { method: 'PUT', responseType: 'json' }
    });
})

BookShop.controller("BookCtrl", function($scope, BookFactory) {
    $scope.books = BookFactory.index()

    $scope.addBook = function() {
        book = BookFactory.save($scope.newBook)

        $scope.books.push(book)
        $scope.newBook = {}
    }

    $scope.deleteBook = function(index) {

        book = $scope.books[index]
        BookFactory.delete(book)
        $scope.books.splice(index, 1);
    }
})

Разметка Angular slim
.container
  h1 Библиотека
  div ng-controller="BookCtrl"
    .well
      h3 Добавить новую книгу
      form ng-submit="addBook()"
        .row
          .col-xs-6
            input.form-control ng-model="newBook.name" placeholder=("Название книги") type="text" /
          .col-xs-6
            input.form-control ng-model="newBook.description" placeholder="Описание" type="text" /
        .row
          .col-xs-12
            br/
            input.form-control ng-model="newBook.cover_image" type="text" /
        .row
          .col-xs-12
            br/
            input.form-control ng-model="newBook.create_at" type="text" /
        .row
          .col-xs-12.text-center
            br/
            input.btn.btn-primary type="Submit" value=("Добавить книгу") /
    h3 Доступные книги
    hr/
    table.table.table-bordered.table-striped
      thead
        tr
          th Имя
          th Краткое описание
          th Дата создания
          th Действия
      tbody
        tr ng-show="!books.length"
          td colspan="4"  В библиотеке нет книг
        tr ng-repeat=("book in books | orderBy:'-create_at'")
          td
            | {{ book.name }}
          td
            | {{ book.description }}
          td
            |{{ book.create_at }}
          td
            a.btn.btn-danger ng-click="deleteBook($index)"  Удалить

Если я нахожусь на странице, то все нормально.
Но если перехожу по ссылуке, то видна разметка Angular, с чем это может быть связано?
  • Вопрос задан
  • 398 просмотров
Решения вопроса 2
@kunashir
Ruby/Rails программист
TurboLinks случаем не включен?
Ответ написан
Комментировать
Re11oy
@Re11oy
Скорее всего нужно обернуть в ng-cloak
линк
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
20 мая 2022, в 19:41
50000 руб./за проект
20 мая 2022, в 19:36
10000 руб./за проект
20 мая 2022, в 19:22
4000 руб./за проект