【问题标题】:Integrate angular js directive inside angular 7 component在 Angular 7 组件中集成 Angular js 指令
【发布时间】:2019-07-05 15:44:39
【问题描述】:
是否可以在运行时将 Angular js 指令集成到 Angular 7 组件中。 Angular js 是一个独立的项目模块,有自己的文件夹结构。这个文件夹结构也包括指令。是否可以通过提供指令的文件路径将这些 Angular js 指令导入 Angular 7 应用程序并在 Angular 7 组件模板中使用。请建议是否有办法做到这一点。
【问题讨论】:
标签:
angularjs
angular
angularjs-directive
angular2-directives
angular7
【解决方案1】:
不建议这样做。两者的架构和生命周期非常不同,这样做只会增加出错的机会、时间和精力。
回答您的问题:是的,有一种方法可以做到这一点,因为您可以使用任何 JS 库/框架和使用 ng7 的 @ViewChild/templateRefs 来控制 DOM 来控制元素,但您会遇到问题在向/从 Angular7 更新数据时。
我强烈建议你制作一个新的 ng2+ 组件,并从旧项目中导入代码并对其进行处理以使其成为 Angular2+ 组件。