TL;DR:我正在尝试使用Angular Elements作为Angular应用程序的插件。如果我在我的应用程序上使用--prod
它构建元素ng serve
(开发设置),但是当我ng serve --prod
在我的应用程序上使用它时或在ng build --prod
我的应用程序(生产设置)之后使用它时它会无限重新加载。
但是,如果我构建了元素添加--optimization=false
,则适用于我的高效应用程序,但不适用于我的开发设置。
关键是,我期待的是建立一个角形元件用--prod
就可以了,对于两种情况。
问题:有没有办法解决这个问题?
现在,长读。
在工作中,我们试图在我们的Angular站点中使用可配置的插件,其中服务器是告诉哪个插件处于活动状态的。
我们尝试动态加载Angular模块,但这是一个完全不同的问题,我们又把它搁置一旁。
所以,我们接下来想要尝试的是Angular Elements,它有点工作,除非我们按照它应该的方式构建所有东西。
首先,我开始关注本教程https://scotch.io/tutorials/build-a-reusable-component-with-angular-elements/amp并忽略了所有内容,okta
因为我的功能有所不同。
创建:
我使用下一个命令创建了我的核心应用程序,这将是托管插件的应用程序:
ng new core --routing --skip-git --style scss --skip-tests --minimal
然后我使用这个命令创建了一个插件/角度元素:
ng new plugin --skip-git --style scss --skip-tests --minimal
插入:
所有的创作后,我走进我的插件,并在评论这条线polyfills.ts
,我在这个网站阅读的地方,它解决的问题NgZone
已经加载,这是正确的:
// import 'zone.js/dist/zone'; // Included with Angular …
Run Code Online (Sandbox Code Playgroud) 假设我在IBM Watson中配置了一个会话服务,准备识别以单词和片段形式给出的数字.例如,如果我有号码1320
,它可以作为thirteen twenty
或thirteen two zero
等发送.在第一种情况下,我会从对话服务中得到这样的信息:
{
// ...
"entities": [
{
"entity": "sys-number",
"location": [
0,
5
],
"value": "13",
"confidence": 1,
"metadata": {
"numeric_value": 13
}
},
{
"entity": "sys-number",
"location": [
6,
12
],
"value": "20",
"confidence": 1,
"metadata": {
"numeric_value": 20
}
}
]
// ...
}
Run Code Online (Sandbox Code Playgroud)
在第二种情况下(thirteen two zero
):
{
// ...
"entities": [
{
"entity": "sys-number",
"location": [
0,
5
],
"value": "13",
"confidence": 1,
"metadata": { …
Run Code Online (Sandbox Code Playgroud)