本文介绍了Angular的常用命令行操作，包括创建项目、启动应用、生成组件、管道和指令等。同时，详细讲解了Angular中的双标签内容、属性绑定、事件处理、双向数据绑定以及条件和列表渲染等用法。此外，还探讨了TS语言的静态类型分析，如变量声明、数组类型、自定义对象类型以及访问控制词public、protected和private的应用。
•命令行
创建项目包
ng new 项目名
启动命令
ng s 或 ng s -o
生成组件
ng g c 组件名
生成管道
ng g p 管道名
生成指令
ng g d 指令名
•angular用法
双标签内容: {
{}}
属性: [属性名]=‘值’ 或 属性名="{
{ 值 }}"
事件: (事件名)=‘方法名()’
双向数据绑定:
[(ngModel)]=“值” 一定要手动引入+注册 Form 模块
条件渲染: ngIf
列表渲染: ngFor=“let item of items; let i=index”
管道: {
{ 值 | 管道 }}
指令: <标签 指令名 />
父子传参: <标签 属性名=“值” /> 接收: @input() 属性名:类型;
掌控子元素: <标签 #唯一标识 /> 绑定: @viewChild(‘唯一标识’) 变量: 变量类型;
•TS语言
静态类型分析:
变量名:类型名 – vscode可以提供的代码提示 和 错误预警
类型:
–
最低0.47元/天 解锁文章
扫一扫
773
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
