如何将 Angular 项目转换为非 Angular 项目?
How to convert an Angular project to a non-Angular project?
我有一个当前的 Angular 项目,我希望它是一个简单的(HTML、CSS、JS)网站,没有 Angular 添加到的整个脚本该项目。我希望我的路线被转换成几个 HTML 文件,其中每个文件包含实际内容,而不是一些 script
标签引用一些 javascript 文件。我的意思是我希望它就像我在没有 Angular 的情况下设计网站一样。我知道 Angular 是有效的,但出于某种原因我需要它。我怎样才能做到这一点?
奇特的方式:使用Angular 元素将您的Angular 组件变成Web 组件。 Angular Elements 是 Angular 框架(不是第三方包)的一项功能,它允许您将 Angular 组件“转换”为本机 Web 组件。 Web 组件是自定义 HTML 元素(JS API,与 Angular 无关)。因此,您可以在使用其他框架(例如 Vue.js)构建的应用程序中使用它们,甚至可以在 vanilla JS 应用程序中使用它们。现在,任何活动浏览器都支持 Web 组件。这是一个非常好的 guide(在指南示例中,我们在 vanilla JS 应用程序中提供了一个 Angular 组件)。
Amanuensis方式:手动复制粘贴你需要的。
我有一个当前的 Angular 项目,我希望它是一个简单的(HTML、CSS、JS)网站,没有 Angular 添加到的整个脚本该项目。我希望我的路线被转换成几个 HTML 文件,其中每个文件包含实际内容,而不是一些 script
标签引用一些 javascript 文件。我的意思是我希望它就像我在没有 Angular 的情况下设计网站一样。我知道 Angular 是有效的,但出于某种原因我需要它。我怎样才能做到这一点?
奇特的方式:使用Angular 元素将您的Angular 组件变成Web 组件。 Angular Elements 是 Angular 框架(不是第三方包)的一项功能,它允许您将 Angular 组件“转换”为本机 Web 组件。 Web 组件是自定义 HTML 元素(JS API,与 Angular 无关)。因此,您可以在使用其他框架(例如 Vue.js)构建的应用程序中使用它们,甚至可以在 vanilla JS 应用程序中使用它们。现在,任何活动浏览器都支持 Web 组件。这是一个非常好的 guide(在指南示例中,我们在 vanilla JS 应用程序中提供了一个 Angular 组件)。
Amanuensis方式:手动复制粘贴你需要的。