Можно ли визуализировать угловой компонент, отправленный из функции без сервера (например, Lambda в AWS)? - PullRequest
Новая
       38

Можно ли визуализировать угловой компонент, отправленный из функции без сервера (например, Lambda в AWS)?

0 голосов
/ 05 октября 2018

У меня есть SPA, написанный на JS с использованием Angular 6 Framework, и я хотел бы динамически визуализировать Angular Component, который находится на удаленном сервере.

В настоящее время я использую viewContainerRef для рендеринга динамически компонентов, которыенаходятся внутри моего проекта, но идея состоит в том, чтобы извлечь все эти компоненты и поместить их на удаленные серверы.

Я пробовал с innerHTML, но это не достаточно мощный.

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

Есть идеи?Это вообще возможно?

1 Ответ

0 голосов
/ 22 октября 2018

Для интересующихся.

Я в основном следил за этим блогом из Манфреда Стайера , где он объясняет, как создать внешний угловой компонент, который затем можно загрузить из Интернета.

Просто следуйте инструкциям из блога, и после сборки проекта у вас останется один файл bundle.js, содержащий проект, который вы создали.Я решил поместить этот файл в общедоступную корзину S3, которую можно получить в любое время следующим образом:

Загрузить скрипт 

load(url, cb): void {
    const script = document.createElement('script');
    script.src = url; // s3 path
    document.body.appendChild(script);
    cb();
  }

Создать элемент 

  // load app from url
  loadAppComponent(url, identifier, data) {
    this.externalService.load(url, () => {
      const component = document.createElement(identifier);
      component.setAttribute('data', JSON.stringify(data));
      const content = document.getElementById('content');
      content.appendChild(component);
    });
  }

Более подробную информацию можно найти в блоге Манфреда Штайера !

...