标签:name ts 笔记 ng 学习 指令 组件 Angular 函数
()内为自己理解,可能有误,草稿流,长期更新
0. 架构
1. 模块(module):执行一个任务的简单代码。(类似于一个函数)
一定要有根模块,命名为:Appmoudle.ts,其中要有@NgMoudle的装饰类(给函数增加额外功能),包含declarations(包含什么,函数、页面声明?),exports(导出的),imports,providers,bootstrap(根组件,main函数?)。
2. 组件(component):处理应用和逻辑页面。
里面设置selector自定义标签(id,class),template。
3. 模版(template):一段html
4. 元数据(metadata):告诉Angular如何处理一个类(没懂)
5. 数据绑定(data binding):像绑定一个click事件
6. 指令(directives):跟在<>里面的东西
1)属性指令:ngStyle(设定css)、ngClass(不包含哪些css);
2)结构性指令:ngIf(如果为false就不显示)、ngFor(*ngFor="let xx of xxx",例如展示一个列表时会用)、ngSwitch(字面意思);
3)组件:自己写个函数加上去
7. 服务(services):代码复用的一种
1. TypeScript部分
js能跑的,ts也能跑。
类型批注:变量名:变量类型,在冒号后面标注一下;
接口:(struct?)
lambda表达式:this能读取函数的name
类:class
2. 一些指令
ng new {name} --directory {dir} 新建项目
ng serve 跑当前目录下的项目
ng g [moudle/component/.etc] {name} -m {destination} 给这个新加一段东西
标签:name,ts,笔记,ng,学习,指令,组件,Angular,函数 来源: https://www.cnblogs.com/capterlliar/p/16465820.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。