199-关于新版Angular的module和routing

最新推荐文章于 2024-04-25 17:53:36 发布
最新推荐文章于 2024-04-25 17:53:36 发布
阅读量526 收藏 11
点赞数 9
文章标签： angular.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33781658/article/details/135199839
版权

说一些很无聊的问题

这种问题只是关于一个框架的配置问题

和代码和技术都没什么关系

但是呢，当一个框架，他的配置发生改变的时候

那用旧版和新版开发就会有一些不同

这就很烦了

这其实是框架团队的错误

当框架配置发生改变的时候

他们应该做好适配

也要做好开发者的开发友好度

此外官方的docs也应该随之更新

不然就会出现这种问题

当我们用旧版本去创建angular项目的时候

不仅是自带routing和app.module

还有自带的environments

然后我们用新版本来创建angular项目

少了很多东西

项目变得更简洁了

但实际上不是项目初始文件发生了改变

是创建项目的配置不一样了

我们如果这样创建

ng new my-app --no-standalone --routing --ssr=false

那么就还是有

routing和app-module

再看src

好吧

Lich Howger
关注
  • 9
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
angular-routing-best-practices:角路由-企业应用最佳实践
05-17
开始之前 本文无意作为Angular中的路由教程。 如果您不熟悉Angular中的路由，那么我强烈建议您检查以下资源之一： 背景 以下是我在构建多个企业Angular应用程序后的日常工作中开发的模式。 尽管大多数在线教程在布局基础方面都做得很好，但是我很难找到文章，这些文章显示了针对大型可伸缩应用程序的推荐约定和模式。 使用这种模式，您应该有一个简洁明了的组织来处理应用程序中所有与路由相关的问题。 先决条件 对于上下文，本文假设您使用的是以下版本的Angular： Angular v7.2.6 最佳实践1-创建顶级Routes阵列文件 官方的为您的顶级路由创建完整的app-routing.module.ts 。 我发现在大多数情况下不需要额外的图层。 温馨提示：仅在此处注册顶级路由，如果您计划实现功能模块，则子路由将位于相应的feature.routes.ts文件下面。 我们希望保持
angular新版本未生成app.module.ts
hb_zxl的专栏
12-05 2273
查看目录，未生成app.module.ts。
SSR是什么？Vue中怎么实现？
zz130428的博客
01-09 4096
称其为，意为服务端渲染指由服务侧完成页面的 结构拼接的页面处理技术，发送到浏览器，然后为其绑定状态与事件，成为完全可交互页面的过程先来看看3个阶段的发展史：网页内容在服务端渲染完成，⼀次性传输到浏览器 打开页面查看源码，浏览器拿到的是全部的结构单页应用优秀的用户体验，使其逐渐成为主流，页面内容由渲染出来，这种方式称为客户端渲染 打开页面查看源码，浏览器拿到的仅有宿主元素，并没有内容解决方案，后端渲染出完整的首屏的结构返回，前端拿到的内容包括首屏及完整结构，应用激活后依然按照方式运行 看完前端发展，再看看官
Vue3核心源码解析第十一课 AST生成代码
fegus的博客
07-13 988
上一节课我们分析了 AST 节点转换的过程，也知道了 AST 节点转换的作用是通过语法分析，创建了语义和信息更加丰富的代码生成节点 codegenNode，便于后续生成代码。那么这一节课，我们就来分析整个编译的过程的最后一步——代码生成的实现原理。同样的，代码生成阶段由于要处理的场景很多，所以代码也非常多而复杂。为了方便你理解它的核心流程，我们还是通过这个示例来演示整个代码生成的过程： 代码生成的结果是和编译配置相关的，你可以打开官方提供的模板导出工具平台，点击右上角的 Options 修改编译配置。为了让
SSR 服务端渲染
nihaio25的博客
06-08 6729
闲来无事，研究一下SSR，主要原因在于上周一位后端同学在一次组内技术分享的时候说，对前后端分离、服务端渲染特别感兴趣，在他分享了后端微服务之后，专门点名邀请我下周分享服务端渲染，然后我还没同意，领导就内定让我下周分享了（其实就是下周愿意下周分享，我是那个替死鬼）。本人主要从个人角度介绍了对服务端渲染的理解，读完本文后，你将了解到：在讲服务度渲染之前，我们先回顾一下页面的渲染流程：在没有AJAX的时候，也就是web1.0时代，几乎所有应用都是服务端渲染（此时服务器渲染非现在的服务器渲染），那个时候的页面渲染大
Angular——命令
前端的路上
11-27 181
一、新建项目 运行CLI命令ng new并提供名称angular-tour-of-heroes，如下所示： ng new angular-tour-of-heroes 转到工作空间目录并启动应用程序。 cd angular-tour-of-heroes ng serve --open 该ng serve命令将构建应用程序，启动开发服务器，监视源文件，并在对这些文件进行更改时重新...
routing-in-angular
04-02
您还可以使用ng generate directive|pipe|service|class|guard|interface|enum|module 。 建造 运行ng build来构建项目。 构建工件将存储在dist/目录中。 使用--prod标志进行生产构建。 运行单元测试 运行ng test以...
angular-lesson-27-02-routing
03-09
您还可以使用ng generate directive|pipe|service|class|guard|interface|enum|module 。 建造 运行ng build来构建项目。 构建工件将存储在dist/目录中。 使用--prod标志进行生产构建。 运行单元测试 运行ng test以...
Angular-Routing:我的Pluralsight课程的材料
05-02
角路由有关Pluralsight的课程的材料。 APM-Start ：起始文件。 使用此代码与课程一起... 有关安装和运行该应用程序的详细信息，请参见每个文件夹下的README.md文件。 请查看CHANGELOG.md以获取CHANGELOG.md的最新更改。
vue渲染html失败,Vue ssr失败，渲染的html为undefined
weixin_31192609的博客
06-05 270
想试着写一个ssr demo，不带路由，不带数据预取的。官网文档中的基本用法demo的照写了运行没问题，但当我想换成组件式开发的时候就出问题了，渲染出来的页面是空的，这是我的代码，麻烦帮忙看看这是entry-client.jsimport { createApp } from './app'const { app } = createApp()app.$mount('#app')这是entry-s...
如何使用vite，做vue3.0的服务端渲染(ssr)
热门推荐
Emperor灬fly的博客
02-24 1万+
新春伊始，想必在座的各位都正在嗷嗷待哺的等待需求中(ps:划水摸鱼)，不好意思，理直气壮的说我也是。几天鱼摸下来，心里也不是滋味，看着身边的同学一个个每天都在学这学那，搞得我也不是很好意思。于是趁着现在各种完全体的方案和框架还没出来之前，那我们把vue3.0的服务端搭一搭吧，自己写写还是很有意思的。 好了，废话就先到此，开局调研了基于webpack和vue-cli去搭，途中碰到了一些问题就放弃了，由于尤大最近很痴迷于vite，vue-cli相关的生态也有些滞后。于是反手就一手vite搞起，看看到底有什么魔力
AngularJS中文手册前半部分学习
insouciant_22的博客
04-21 1172
AngularJS 是一个JS框架，通过指令(ng-directives)扩展了HTML，且通过表达式绑定数据到HTML，用于开发单一页面应用程序（SPAs：Single Page Applications） 可以通过script标签添加到网页中(建议把脚本放在 元素的底部。 这会提高网页加载速度，因为 HTML 加载不受制于脚本加载。)
AngularJS中文手册后半部分学习
insouciant_22的博客
04-21 1117
wiki 上的解释是：依赖注入（Dependency Injection，简称DI）是一种软件设计模式，在这种模式下，一个或更多的依赖（或服务）被注入（或者通过引用传递）到一个独立的对象（或客户端）中，然后成为了该客户端状态的一部分。该模式分离了客户端依赖本身行为的创建，这使得程序设计变得松耦合，并遵循了依赖反转和单一职责原则。与服务定位器模式形成直接对比的是，它允许客户端了解客户端如何使用该系统找到依赖AngularJS 提供很好的依赖注入机制。
【前端】数组的常用处理函数
lcukyNwa的博客
04-22 433
item------->每个元素值 (必)index----->索引（可选）arr-------- >当前数组（可选）推荐vscode的一款插件来写以下的demo，该插件可以直接在js文件中显示结果，搜 Quokka.js用这个插件去新建一个js文件，直接就运行在node上了forEach不会返回一个新的数组，里面改值会影响原数组，其他方法不影响原数组map可以返回新数组 用于映射，如每个元素都加倍或执行其他转换操作every返回一布尔值，需数组中全部满足。
C++ WebServer的细节理解
我的博客
04-22 614
在非阻塞模式下，如果 I/O 操作不能立即完成（例如，因为没有数据可读 或 写缓冲区满），系统不会让调用进程阻塞等待，而是立即返回一个错误（通常为 EAGAIN 或 EWOULDBLOCK）。先查询文件描述符 fd 当前的标志，然后将 O_NONBLOCK 标志加入其中，并通过 F_SETFL 来更新文件描述符，最终实现将该文件描述符切换为非阻塞模式。这意味着，如果没有待处理的连接请求（即没有客户端尝试连接到服务器），accept() 会一直阻塞，直到有新的连接请求到达或发生其他特定条件（如超时）为止。
SpringBoot项目打包分离高阶操作
Record Little
04-23 642
虽然传输jar包 比较大，但是安全性、稳定性比较高，不需要关注pom.xml 添加了新的依赖、更新了版本号等等影响版本功能的操作。关注maven的特性， profiles即可满足， 根据不同的activation 状态，激活不同的build操作。每次修改一小部分代码或仅仅更新某个依赖jar包时，都需要重新进行整个项目的构建、打包、上传和部署。但是当你的项目趋于稳定，只有业务上的逻辑变更时，如果使用分离版本，可以加快迭代、更新的速度。弊端： 需要配置IDE命令，修改依赖时需要同时修改2处。
Vue-router的动态路由：获取传递的值
woliuhuaqiangla的博客
04-22 407
Vue.js是一款流行的JavaScript框架，用于构建单页面应用程序。它提供了许多有用的功能，其中之一是Vue-router，它允许您轻松地管理应用程序的路由。Vue-router支持动态路由，这意味着您可以在路由中使用变量，并在组件中访问它们。本文将介绍如何定义Vue-router的动态路由，以及如何获取传递的值。动态路由的优缺点动态路由是指根据特定的参数来动态地生成路由，这在使用Vue-router时是非常常见的。
docker部署前端项目（二）遇到的问题
最新发布
weixin_45379180的博客
04-25 332
原因： 安装docker的时候使用的是 yum -y install docker 命令，这个命令安装的是老版本。报错四：conflicts with file from package docker-common。因为使用 sudo yum install docker （下载到的是旧版）missing signature key 缺少秘钥。yum remove docker 删除docker。1、docker版本号 只有1.13.1。解决：可能是docker 未启用。
vue组件render函数中作用域插槽使用方式
nicecode
04-24 263
父组件使用render函数写的,子组件的书写方式随意,想在父组件中使用子组件时写一个作用域插槽.
ionic-angular中怎么新建页面
06-08
在ionic-angular中，新建页面可以通过以下步骤完成： 1. 打开终端，进入到你的ionic项目的根目录。 2. 运行以下命令创建一个新的页面： ``` ionic generate page <page-name> ``` 其中，`<page-name>`是你想要创建的页面的名称，例如： ``` ionic generate page mypage ``` 3. 运行以上命令后，ionic会自动生成一个包含了相关文件的新页面，这些文件包括： - `mypage.module.ts`：定义了新页面的模块。 - `mypage.page.ts`：定义了新页面的逻辑代码。 - `mypage.page.html`：定义了新页面的HTML模板代码。 - `mypage.page.scss`：定义了新页面的样式代码。 4. 在需要使用新页面的地方引入它的模块，例如在`app.module.ts`中添加如下代码： ``` import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { IonicModule } from '@ionic/angular'; import { FormsModule } from '@angular/forms'; import { AppComponent } from './app.component'; import { AppRoutingModule } from './app-routing.module'; import { MyPageModule } from './mypage/mypage.module'; // 引入新页面的模块 @NgModule({ declarations: [AppComponent], entryComponents: [], imports: [ BrowserModule, FormsModule, IonicModule.forRoot(), AppRoutingModule, MyPageModule // 添加新页面的模块 ], providers: [], bootstrap: [AppComponent], }) export class AppModule {} ``` 至此，你已经成功创建了一个新的页面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值