tnblog
首页
视频
资源
登录

angular 创建项目框架采坑

4878人阅读 2021/10/11 21:06 总访问:449976 评论:0 收藏:0 手机
分类: angular

前言:各位老铁 晚上好,我是小付 今天和大家分享一篇angular 创建框架时遇到的问题点,和大家分享分享。
正文:今天突发奇想 可能也是无聊 一直都没有时间好好研究一下angular的框架结构,然后就翻开官网来看了看,
打算创建项目玩玩,好家伙 不玩不晓得 玩了吓一跳
安装环境那些这里就不写了,直接进入正题
第一步:使用命令 ng new 你的项目名称
然后就会弹出让你选择的东东 刚开始没有注意 就一路回车,直到后来慢慢的发现了事情的不对劲

就是这玩意,翻译过来是说要不要创建angular 的路由,我没有注意直接No,结果创建出来的项目就没有框架结构,就像这样


创建成功,但又没完全成功,正常的情况是像下面这样

这才是正常创建的框架结构,然后就一脸懵逼,叫我的好兄弟 伍总帮忙看看 看了一下引出了其他的问题,这里就不一一展示了把引出的问题解决,然后就是排除哪里写得有问题,看了一下 就是选择创建路由的时候没有选择,然后就从新创建一个项目选择好路由后生成了angular初始项目

第二步就是用指令ng add ng-zorro-antd 添加 框架的东西
这里还有一个坑,是句实话吃了英语的亏 如果当初我去考四级 也不至于这样,流弊有点吹过了,哈哈哈,言归正传
添加指令后要选择 这里简单解释一下 最后是问你要不要添加带有副菜单,当时我没有选的是默认 结果创建完啥都没有,气的一批

后面选择好了 没毛病了,如下

这里顺便提一下路由这个东东
创建好项目后 添加一个测试页面 把测试的页面加到框架里面 创建 路由模块指令 ng g m 你的路由组件名称


接下来就是创建页面来配合路由测试,创建 组件指令 ng g c 你的组件名称

到这就差不多了 就可以在浏览器输入路由来访问页面了


如果想通菜单点击进入页面则在app.component.html 里面来配置路由即可实现通过菜单进入页面



这样就大功告成,呼采坑结束。下期见。

评价

angular使用组件时遇到的一些错误整理

先看看代码exportclassSidenavComponentimplementsOnInit{ privatemediaMatcher:MediaQueryList=matchMedia(`(max-width...

angular使用第三方资源(举例面向插件)

问题Example :我们需要一张svg到页面中1.把图片放在assets文件夹下面以move.svg为例2.需要对单个资源进行模板注册import{C...

angular使用Proxy

Multiple entriesIf you need to proxy multiple entries to the same target define the configuration inproxy.conf.jsin...

angular路由导航配置

开发工具:VSCode打开终端输入命令创建crisis-list和hero-list组件nggeneratecomponentcrisis-listnggeneratecomponenthero...

angular环境搭建

开发工具:vscode命令执行:快捷键( Ctrl+Shift+` )或者打开终端近期一直写有关前端的东西,其实我是学后端C#.NET的,但是在...

angular常用的创建命令

Angular开发在Angular开发中常见的一些命令创建命令ng generate component example 生成组件带有模版ng generate component...

关于angular常用的创建命令。

在Angular开发中常见的一些命令创建命令ng generate component example生成组件带有模版ng generate component example -it...

基于angular的HttpClient封装_HttpClient

基于angular的HttpClient封装_HttpClient,直接复制源码即可用包含常用的get、post、patch、delete和put请求;import{HttpC...

angular使用加载指示符loading的ngx-loading

前言欢迎使用tnblog如果你的项目是纯angular需要用到请求或者其他方式时在在界面上通过loading的方式来展示请求进度或其他...

angular与Layui框架集成使用

目录" class="reference-link">目录 目录前言初使用 下载layui资源包创建angular项目 搭建angular环境(已搭建忽略)创...

angular与Layui框架集成使用(优化)

在使用后很多入坑 全局引入所有模块 Layui的所有模块可以全部一次性加载 所有模块可通过layui/lay/modules,这里可...

angular路由复用策略 (切换tabs页面内容不丢失,保持原来状态)

一、引言 路由在执行过程中对组件无状态操作,即路由离退时组件状态也一并被删除;当然在绝大多数场景下这是合理的。进入...

angular路由复用策略

路由在执行过程中对组件无状态操作,即路由离退时组件状态也一并被删除;当然在绝大多数场景下这是合理的。进入组件时会执...

vs core 运行报An unhandled exception occurred: spawn EPERM See "C:\Users\ADMINI~1\AppData\Local\Temp\ng-HWFidp\angular-errors.log"

前言:hello,大家好 I’m小付 好久不见,老实巴交的我又出现了, 今天给大家分享一下vs core运行报错遇到的一个坑。正文:...

angular 基本常用语法

常用语法//引导 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';platformBrowserDy...

angular项目导入到本地运行报错

前 言:hello,大家好 我是你们熟悉的小付,就在咋天那个风高秋月的夜晚我又遭遇了项目的报错,看起来原因很简单以为只是简...
每一段路程,都是一种领悟
排名
10
文章
100
粉丝
17
评论
34
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术
每个人都害怕受伤害,只是看谁更勇敢而已。