我正在尝试托管独立的angular元素,这些元素可以放入非angular的网页中。当我只有一个的时候,它工作得很好。但是当我在同一页上加载两个或更多时,我得到这个错误:
未捕获错误:区域已加载。
我正在使用一个构建脚本将dist文件连接到一个js文件中。然后把它放到我的项目中
const fs = require('fs-extra')
const concat = require('concat')
const files = [
'./dist/elementsApp/runtime.js',
'./dist/elementsApp/polyfills.js',
'./dist/elementsApp/scripts.js',
'./dist/elementsApp/main.js',
]
fs.ensureDir('elements')
.then(() => {
console.log('success!')
concat(files, 'elements/include-me-somewhere-else.js')
})
.catch(err => {
console.error(err)
})
我在一个页面上只能有一个这样的js文件。我知道angular 7会让整个过程变得更容易,但我想知道我现在如何才能做到这一点。
我还尝试将导出的js文件包装在一个自动执行的函数中,以尝试限制作用域。不幸的是并不能解决任何问题。
有什么想法吗?
人们似乎对角元素是什么感到困惑。为了澄清这一点,你可以观看这段视频https://www.youtube.com/watch?v=4u9_kdkvTsc。最后几分钟特别显示了导出并包含在非angular页面上的angular元素。我正在尝试在同一页上包含多个元素。
https://stackoverflow.com/questions/50398605
复制相似问题