Присоединить обычную переменную JavaScript к модели Angular 2 (вход)?

Question

Присоединить обычную переменную JavaScript к модели Angular 2 (вход)?

1

Мой сценарий кода. У меня есть приложение Angular 2, в котором из нескольких полей есть одно поле ввода (для поиска), которое открывает десятичный старый URL-адрес во всплывающем окне (используя window.open()), чтобы получить некоторые данные поиска. И он вызывает функцию из window объекта родительской страницы.

Функция определена на странице index.html приложения Angular 2 следующим образом:

<script>
  function handler(res) {
    var value = res;
  }
</script>

Необходимость: value переменной теперь должно быть привязано/привязано к модели ввода с именем inputModel. Есть ли способ, которым это может быть достигнуто?

Обратите внимание: я знаю, что это не очень хорошая практика наличия тегов <script>, все должно быть основано на компонентах. Но как я получил задание: -P

Спасибо!

pk10 27 июль 2017, в 16:27

Источник

0

ты не можешь Единственный способ - изменить код в теге скрипта: function handler(res) { window.value = res;} .
n00dl3 27 июль 2017, в 13:37
0

n00dl3: это не будет обновлять модель ввода. Изменение его на «window.value» просто сделает его видимым для объекта окна.
pk10 27 июль 2017, в 13:52
0

если вы хотите иметь доступ к этой переменной откуда-то, вы должны сделать ее глобальной. Период.
n00dl3 27 июль 2017, в 13:53
0

О, это возможно. Внутри вашего компонента просто объявите обработчик как переменную const и используйте его. Я не вижу здесь проблемы
Vamshi 27 июль 2017, в 14:02

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

Теги:

angular

javascript

1 ответ

Ещё вопросы

ты не можешь Единственный способ - изменить код в теге скрипта: function handler(res) { window.value = res;} .
n00dl3: это не будет обновлять модель ввода. Изменение его на «window.value» просто сделает его видимым для объекта окна.
если вы хотите иметь доступ к этой переменной откуда-то, вы должны сделать ее глобальной. Период.
О, это возможно. Внутри вашего компонента просто объявите обработчик как переменную const и используйте его. Я не вижу здесь проблемы

CodeWarrior · Accepted Answer · 2017-07-27T13-12-00.000Z

Вы можете сохранить значение на объекте окна следующим образом: window['value'] = res;

Теперь вы можете получить доступ к значению res внутри ваших угловых компонентов, таких как это window['value']

Но теперь проблема заключается в том, что это будет работать, только если handler уже был вызван к тому моменту, когда угловой компонент считывает value из window объекта. Ваш угловой компонент не будет уведомлен о любых последующих вызовах обработчика, которые обновляют свойство value в объекте window.

Итак, вам нужен механизм для функции глобального обработчика, чтобы уведомить ваш угловой компонент о том, что value свойства на вашем объекте окна было обновлено.

Вот один из способов общения с вашим угловым компонентом из-за угла:

Внутри шаблона углового компонента создайте скрытый input
Прикрепите обработчик (click) к этому.
В своей глобальной функции handler используйте document.getElementById('hidden input id').click() для имитации щелчка.
Теперь обработчик (click), созданный на шаге 2, который находится внутри углового контекста, будет вызван.
Теперь, всякий раз, когда вызывается глобальная функция handler вызывается handler (click) в угловом контексте, по существу говорящий угловым, чтобы получить обновленное значение из объекта window.

Вот рабочий Plunker

В этом plunker я привязал функцию глобального обработчика к html onclick обработчику, который является внешним угловым контекстом для имитации вашего требования. Это событие щелчка будет передано угловому компоненту с использованием подхода, упомянутого выше.

Спасибо CodeWarrior, это очень помогло.