使用 angular 模块和节点模板以获得更好的重用能力
using angular modules and node templates for better reuse ability
一般来说,我是网络编程和编码的新手。所以,如果这是一个新手问题或重复一个问题或者我的知识是错误的,请原谅我。
我所知道的
1.Angular 不是 seo 友好的。不要误会我的意思,我知道有几种方法可以使它对 SEO 友好(提供静态预渲染页面等)
2.coding在angular有很多优点
3.modular 代码可以在 angular 中使用部分代码编写,也可以在 jade、swig 等模板中编写
案例
让我们举个例子,网页有 5 个部分(页眉、jambotron、文本、某种形式、页脚)。现在,如果我们想要一个可重用的模块化代码,我们可以编写 angular 部分并使用 ng-include 或 ui-view 输入它们。但它对搜索引擎优化不友好
我们如何按以下方式进行:
1.use 生成 html 页面的模板(我使用 swig)。
2.write 代码的每个部分(页眉、jambotron、文本、某种形式、页脚)的单独模块。
3.use 依赖注入将这些模块注入到页面的控制器中。
4.use angular 功能和控制器中的所有内容一如既往。
5.get 页面 是 SEO 友好的、模块化的、可重复使用的。
问题
1.does有人用这种方法吗?
2.if 不,是吗?如果是,除了我提到的之外还有其他原因吗?
3.any 其他方法哪个更好,为什么?
4.if 我继续这个 我应该如何在注入的不同模块之间共享页面数据?有 guides 吗?来源?
你说的对,你知道的:
1.Angular is not seo friendly. Don't get me wrong, I know there are several methods to make it seo friendly(supply static pre-rendered
pages., etc)
2.coding in angular has many advantages
3.modular code can be written using partials in angular and also in templates like jade, swig etc
现在,我从你的问题中了解到,你希望使用 angular 的优势仍然使你的应用程序 SEO 友好,对吧?
所以,我这样拆分你的问题,你说的,
- 在服务器上使用 swig 生成模板(因此网页变得对 SEO 友好),
- 在每个页面中使用 angular 并从 angular 中获得优势。
答案:
你从Angular获得的优势是什么:
Angular 用于创建单页应用程序。也就是说,一次下载所有内容,让用户玩它,而不向服务器发出请求(html),并且感觉非常快。
模块化代码,采用 MVC 模式。
数据绑定
如果你使用 swig 而不是 angular 会发生什么 routing/templating:
你失去了 angular 的第一个优势,即你每次都会为每个 html 页面向服务器发出请求。
你下载所有的库,angular,它的指令,其他依赖,每次你想加载一个新的视图。因此,增加了数据传输,并减慢了页面加载速度。
你仍然可以在 angular 中使用数据绑定,这很有用,但仅仅为了数据绑定,使用整个 angular 不是一个选择, 还有很多其他库可用于数据绑定
现在你的问题列表:
有人用过这种方法吗?如果没有,为什么?如果是,除了我提到的之外还有其他原因吗?
是的,人们使用服务器端模板,这使他们更容易使 Web 应用程序 SEO 友好,但这是您需要从项目中排除 Angular 的地方,因为它不再存在如果应用程序不再是单页应用程序,则有益。
还有其他更好的方法吗?为什么?
要么坚持 angular 制作单页应用程序而不使用 swig,要么使用它并排除 angular。
- 请注意,即使您选择排除 angular,也有许多其他库可用于数据绑定,因此您可以从中受益。其余的在这种情况下真的没有用。
- 如果您选择包含 angular,这是一个不错的选择,但不要使用 swig 来破坏 angulars SPA 性质,而是尝试 angular 的 SEO。
如果我继续这个,我应该如何在注入的不同模块之间共享页面数据?有指南吗?
如果你真的选择了,虽然是错误的选择,但只能通过服务器共享数据,并不真正取决于你使用什么(swig、ejs 或 jade)。只需阅读 swig 的文档即可。
一般来说,我是网络编程和编码的新手。所以,如果这是一个新手问题或重复一个问题或者我的知识是错误的,请原谅我。
我所知道的
1.Angular 不是 seo 友好的。不要误会我的意思,我知道有几种方法可以使它对 SEO 友好(提供静态预渲染页面等)
2.coding在angular有很多优点
3.modular 代码可以在 angular 中使用部分代码编写,也可以在 jade、swig 等模板中编写
案例
让我们举个例子,网页有 5 个部分(页眉、jambotron、文本、某种形式、页脚)。现在,如果我们想要一个可重用的模块化代码,我们可以编写 angular 部分并使用 ng-include 或 ui-view 输入它们。但它对搜索引擎优化不友好
我们如何按以下方式进行:
1.use 生成 html 页面的模板(我使用 swig)。
2.write 代码的每个部分(页眉、jambotron、文本、某种形式、页脚)的单独模块。
3.use 依赖注入将这些模块注入到页面的控制器中。
4.use angular 功能和控制器中的所有内容一如既往。
5.get 页面 是 SEO 友好的、模块化的、可重复使用的。
问题
1.does有人用这种方法吗?
2.if 不,是吗?如果是,除了我提到的之外还有其他原因吗?
3.any 其他方法哪个更好,为什么?
4.if 我继续这个 我应该如何在注入的不同模块之间共享页面数据?有 guides 吗?来源?
你说的对,你知道的:
1.Angular is not seo friendly. Don't get me wrong, I know there are several methods to make it seo friendly(supply static pre-rendered pages., etc)
2.coding in angular has many advantages
3.modular code can be written using partials in angular and also in templates like jade, swig etc
现在,我从你的问题中了解到,你希望使用 angular 的优势仍然使你的应用程序 SEO 友好,对吧?
所以,我这样拆分你的问题,你说的,
- 在服务器上使用 swig 生成模板(因此网页变得对 SEO 友好),
- 在每个页面中使用 angular 并从 angular 中获得优势。
答案:
你从Angular获得的优势是什么:
Angular 用于创建单页应用程序。也就是说,一次下载所有内容,让用户玩它,而不向服务器发出请求(html),并且感觉非常快。
模块化代码,采用 MVC 模式。
数据绑定
如果你使用 swig 而不是 angular 会发生什么 routing/templating:
你失去了 angular 的第一个优势,即你每次都会为每个 html 页面向服务器发出请求。
你下载所有的库,angular,它的指令,其他依赖,每次你想加载一个新的视图。因此,增加了数据传输,并减慢了页面加载速度。
你仍然可以在 angular 中使用数据绑定,这很有用,但仅仅为了数据绑定,使用整个 angular 不是一个选择, 还有很多其他库可用于数据绑定
现在你的问题列表:
有人用过这种方法吗?如果没有,为什么?如果是,除了我提到的之外还有其他原因吗?
是的,人们使用服务器端模板,这使他们更容易使 Web 应用程序 SEO 友好,但这是您需要从项目中排除 Angular 的地方,因为它不再存在如果应用程序不再是单页应用程序,则有益。
还有其他更好的方法吗?为什么?
要么坚持 angular 制作单页应用程序而不使用 swig,要么使用它并排除 angular。
- 请注意,即使您选择排除 angular,也有许多其他库可用于数据绑定,因此您可以从中受益。其余的在这种情况下真的没有用。
- 如果您选择包含 angular,这是一个不错的选择,但不要使用 swig 来破坏 angulars SPA 性质,而是尝试 angular 的 SEO。
如果我继续这个,我应该如何在注入的不同模块之间共享页面数据?有指南吗?
如果你真的选择了,虽然是错误的选择,但只能通过服务器共享数据,并不真正取决于你使用什么(swig、ejs 或 jade)。只需阅读 swig 的文档即可。