Nano Hash - криптовалюты, майнинг, программирование

Как нарисовать ответ ajax в новом окне с помощью angular?

Я новичок в angular js. Мой вариант использования: у нас есть родительская страница, скажем, parentPage.html, где у нас есть ссылка. При нажатии на эту ссылку в parentPage я хочу отправить запрос сервера на контроллер Spring, который должен вернуть нам ответ json. Я хочу вставить этот ответ в новое окно на странице childpage.html. Как мы можем добиться этого с помощью angular js?

родительская страница.html:

<a href="#" target="_blank">Show New Customer</a>

ответ ajax при нажатии на ссылку выше:

{
    customerName:'Adam',
    address:'XYZ',
}

childPage.html (мы должны перебрать приведенные выше пары ключ-значение, чтобы наш результат был окрашен следующим образом:-)

<table>
    <tr>
       <td>customerName:</td>
       <td>Adam:</td>
    </tr>
    <tr>
       <td>address:</td>
       <td>XYZ:</td>
    </tr>
</table>

В гугле я нашел достаточно информации о средствах, с помощью которых мы должны привести вещи в рамки. Моя единственная путаница в этом случае использования заключается в том, что мы должны открыть новое окно после отправки запроса http get (который отправляется из parentPage.html), ответ которого должен быть нарисован в абсолютно новом окне (которое childPage.html), так не потеряется ли эта область где-нибудь, поскольку мы здесь не имеем дело с SPA? Можем ли мы добиться этого с помощью angular любым возможным способом?


Ответы:


1

Поскольку angular предназначен для работы с одностраничным приложением и сохранения состояния большинства javascript на протяжении всего времени работы приложения, у вас действительно есть два варианта.

Первый — взять этот ответ JSON и сохранить его в локальном хранилище.

window.localStorage.setItem('key', value);

Сделав это, вы сможете вернуть значение в любой момент, используя следующие

value = window.localStorage.getItem('key');

В большинстве случаев вы захотите выполнить stringify() JSON, прежде чем снова его анализировать.

Это одна реализация, которая определенно сработает для вас.

Другой вариант - использовать ng-model, модели используются для хранения и управления данными в angularjs. Передавая эти значения обратно в ваши контроллеры, вы сможете легко удерживать и взаимодействовать с состоянием этих переменных.

05.09.2015
  • Спасибо, Эндрю .. window.localStorage мне тоже кажется хорошим. Я попробую один раз. Область действия этой переменной, которую я буду хранить в window.localStorage, будет ограничена новым окном, верно? Потому что мне нужно открыть несколько таких childPage.html в новых окнах, но с разными значениями и одним и тем же ключом, я полагаю. Мне интересно, не должен ли этот ключ продолжать извлекать одно и то же значение для каждого нового окна, которое я открываю, или значения будут переопределяться каждый раз для нового окна? 06.09.2015
  • Ух ты. Спасибо, Эндрю. Он отлично работает на хроме. Но, к сожалению, сбой в IE9. stackoverflow.com/questions/ 7374355/. Может быть, я могу попробовать выполнить html с помощью tomcat, а не напрямую из файловой системы. Или я попробую ng-модель иначе. В любом случае спасибо.:) 06.09.2015
  • Новые материалы

    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..