将Angular组件移至Wordpress

时间:2019-03-12 10:41:01

标签: angular wordpress

我正在尝试将有角度的应用程序移至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”

我也在blog

中寻找了Angular Elements

但是它也没有用,也许我在抱怨一些不好的东西。

我认为是否可以使选择器在普通的HTML文件(如index.html)中工作;将更易于在WP上导入。

任何人都可以提供帮助或有什么想法吗?

谢谢大家。

1 个答案:

答案 0 :(得分:0)

我已经发布了一个名为Angular的插件Xo,旨在为WordPress和Angular提供基础。 Xo提供了在WordPress中作为主题托管和加载Angular App的功能,可与页面,帖子等完美集成。

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

它目前处于测试阶段,希望得到您的反馈!

Xo允许您在WordPress中创建所有内容,页面,帖子,媒体等,并在Angular App中动态路由和解决这些项目。

文档(正在进行中):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中检索页面和帖子。

全部披露我是上述插件和主题的作者。

让我知道您是否认为这对您有用,谢谢!