Переместить угловые компоненты в Wordpress

Question

Я пытаюсь переместить мое угловое приложение в wordpress.Для этого мне не нужны все компоненты, потому что некоторые вещи делаются с помощью WordPress.Но мне нужно уметь пользоваться селекторами.Я использую обычную сборку WordPress, а не Angular-WP.Для этого я начал создавать приложение для угловых приложений.

ng build --prod

Вставить все файлы было сложно, потому что я получаю wordpress.com, а не .org, поэтому я использовал следующую команду для созданияодин файл js

"buildForShip": "ng build --prod --output-hashing=none && cat hosting/public/{runtime,polyfills,scripts,main}.js > plainHTML/ship.js"

Проблема возникает при добавлении файла в WP, он говорит: «Не задан базовый href». Для этого я добавляю <base href="/">, но затем выдает следующую ошибку: «Uncaught SyntaxError: missing) после списка аргументов "

Я также искал Angular Elements, как в этом блоге

Но это тоже не сработало, может быть, я что-то даюплохо.

Я думаю, можно ли заставить селектор работать в обычном HTML-файле, например, index.html;будет легче импортировать в WP.

Кто-нибудь может помочь или иметь представление о?

Спасибо всем, ребята.

Answer 1

Я выпустил плагин Xo для Angular, целью которого является создание основы для WordPress и Angular. Xo предоставляет возможность размещения и загрузки вашего Angular App в качестве темы в WordPress, которая прекрасно интегрируется со страницами, постами и т. Д.

https://wordpress.org/plugins/xo-for-angular/

В настоящее время он находится в бета-версии и будет признателен за любые отзывы!

Xo позволяет создавать все содержимое, страницы, сообщения, мультимедиа и т. Д. В WordPress и динамически направлять и разрешать эти элементы в приложении Angular.

Документация (работа в процессе): https://angularxo.io/

Плагин GitHub: https://github.com/WarriorRocker/angular-xo-core

Пример темы: https://github.com/WarriorRocker/angular-xo-material

В этой теме (находится по адресу / wp-content / themes / angular-xo-material / src) базовый href установлен как <base href="/">.

Должна быть возможность скопировать существующее приложение Angular в новую тему и позволить Xo загружать и направлять запросы переднего плана в индекс Angular. Затем вы можете использовать Xo API для извлечения страниц и постов из вашего WordPress.

Полное раскрытие Я являюсь автором вышеуказанного плагина и темы.

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