Angular基础命令
791 ·
10 ·
2021-02-06 09:03:34
最新编辑原因:

安装Angular环境

npm install -g @angular/cli

 

使用Angular来新建一个项目

ng new 这里是您输入的项目名

 

添加组件

ng generate component xyz

 

添加materia

ng add @angular/materia

 

添加pwa支持

ng add @angular/pwa

 

添加依赖

ng add 你的依赖

 

运行测试

ng test

 

构建生产

ng build --prod

 

一键卸载node

rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}

 

Material组件

https://material.io/components

 

依赖注入

https://angular.cn/guide/dependency-injection

 

范例应用

https://angular.cn/guide/example-apps-list

 

速查表

https://angular.cn/guide/cheatsheet

 

 


本作品系原创,采用《署名-非商业性使用-禁止演绎4.0 国际》许可协议.转载请说明出处
本文链接:https://www.upupor.com/u/21020609034265190400 复制
评论10
upupor
upupor 楼主
2021-02-12 18:09:35 ·  回复 · 1#
upupor
upupor 楼主
2021-02-12 18:19:43 ·  回复 · 2#

使用由模板引擎原生支持的 ngNonBindable 伪指令,可以让 Angular 不对模板中的表达式进行求值
 

upupor
upupor 楼主
2021-02-12 18:55:44 ·  回复 · 4#

创建服务类 

ng generate service 服务名

eg. ng generate service heroes/hero

upupor
upupor 楼主
2021-02-13 09:34:47 ·  回复 · 5#

注入器是可继承的,这意味着如果指定的注入器无法解析某个依赖,它就会请求父注入器来解析它。 组件可以从它自己的注入器来获取服务、从其祖先组件的注入器中获取、从其父 NgModule 的注入器中获取,或从 root 注入器中获取。

upupor
upupor 楼主
2021-02-14 02:45:54 ·  回复 · 6#

使用 ng generate 来生成各个组件,要到指定的目录下,并且生成时也可以添加目录,比如在app目录下生成用户的退出登录组件

ng generate component member/logout

 

upupor
upupor 楼主
2021-02-15 11:58:35 ·  回复 · 7#

动态表单 https://angular.cn/guide/dynamic-form

upupor
upupor 楼主
2021-02-27 14:56:31 ·  回复 · 8#

示例项目: https://angular.cn/tutorial/toh-pt0

upupor
upupor 楼主
2021-02-27 16:27:40 ·  回复 · 9#

Angular 的 CSS 类绑定机制让根据条件添加或移除一个 CSS 类变得很容易。 只要把 [class.some-css-class]="some-condition" 添加到你要施加样式的元素上就可以了

upupor
upupor 楼主
2021-03-11 11:18:40 ·  回复 · 10#

解决在centos中不能使用ng命令的问题

npm install -g @angular/cli

推荐阅读
暗淡蓝点 · 响应时间: 81ms · 版本:2022-05-15T23:09:19.996 · 备案号: 皖ICP备17015935号-2 · upupor.com©2022 · 项目始于2019